Editing Template:Infobox Item

<div style="float: right; /* Float the infobox to the right */
            border: 2px solid #007bff; /* blue border */
            border-radius: 10px; /* rounded corners */
            padding: 10px; 
            width: 300px;
            margin-left: 10px; /* Add some left margin to separate it from other content */">
  <div style="text-align: center;">
    <div style="width: 100px; height: 100px; border: 2px solid #007bff; /* blue border */
                border-radius: 10px; /* rounded corners */
                margin: 0 auto; /* center horizontally */
                padding: 5px; /* padding for inner content */
                display: flex; /* enable flexbox */
                justify-content: center; /* center horizontally */
                align-items: center;"> <!-- center vertically -->
      {{#if:image | [[File:{{{image}}}|frameless|100px]]}} <!-- Fixed size for the image -->
    </div>
    {{#if:name | '''<center>{{{name}}}</center>'''}} <!-- Center-align the name -->
  </div>
  <div style="background-color: transparent;"> <!-- Transparent background for text -->
    {{#if:caption | '''Caption''': {{{caption}}}<br />}}
    {{#if:type | '''Type''': {{{type}}}<br />}}
    {{#if:rarity | '''Rarity''': {{{rarity}}}<br />}}
    {{#if:mining_power | '''Mining Power''': {{{mining_power}}}<br />}}
    {{#if:cost | '''Cost''': {{{cost}}}<br />}}
    {{#if:obtainable_from | '''Obtainable From''': {{{obtainable_from}}}<br />}}
    {{#if:effects | '''Effects''': {{{effects}}}<br />}}
    {{#if:durability | '''Durability''': {{{durability}}}<br />}}
    {{#if:weight | '''Weight''': {{{weight}}}<br />}}
    {{#if:value | '''Value''': {{{value}}}<br />}}
    {{#if:uses | '''Uses''': {{{uses}}}<br />}}
    {{#if:description | '''Description''': {{{description}}}<br />}}
  </div>
</div>