<div style="display: flex; flex-wrap: wrap; align-items: flex-start;">

 

   <div style="flex: 1; min-width: 250px; margin-right: 20px;">

    <img src="http://www.shadowera.com/cards/{{{FileName}}}.jpg" style="max-width: 100%; height: auto;">

  </div>

 

   <div style="flex: 2; min-width: 300px;">

    <table border="1" cellpadding="1" cellspacing="1" class="wikitable" style="width: 100%; margin-top: 10px;">

        <th scope="row">Card No:</th>

        <td>{{{Card_No}}}</td>

        <th scope="row">Rarity:</th>

        <td>{{{Rarity}}}</td>

        <th scope="row">Name:</th>

        <td>{{{Name}}}</td>

        <th scope="row">Type:</th>

        <td>{{{Type}}}</td>

        <th scope="row">Cost:</th>

        <td>{{{Cost}}}</td>

        <th scope="row">ATK:</th>

        <td>{{{ATK}}}</td>

        <th scope="row">HP:</th>

        <td>{{{HP}}}</td>

        <th scope="row">Ability:</th>

        <td>{{{Ability}}}</td>

        <th scope="row">Flavor Text:</th>

        <td>{{#if:{{{Flavor Text|}}} | {{{Flavor Text}}} }}</td>

  </div>