code th - by kaliczka

<div class="d-flex flex-row">


<div class="card m-2" style="background-image:url(https://www.eea.europa.eu/highlights/eight-facts-about-europe2019s-forest-ecosystems/image_print);background-position:center center;height:300px;background-repeat:no-repeat; background-size: cover;border-radius:30px; width: 48%; height: 450px; border-radius:30px; box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.25);">
      <div class="card" style="background: rgba(0, 0, 0, 0.58); border-radius: 30px 30px 0px 0px; font-family:andale mono">
        <a href="URL" style="color:#ffffff"><p class="p-0" style="text-align:center; text-shadow: 0px 0px 10px #ffffff; font-size:32px">Name</p></a>
        <div class="p-1 d-flex justify-content-around" style="text-align:center; text-shadow: 0px 0px 5px #000000; font-size:15px; color: rgba(255, 255, 255, 0.42)">
        <span>Breed</span>
        <span>they/them</span>
        <span>region</span>
        <span>power</span>
        </div>
      </div>

    <a href="URL"><img src="https://assets.stickpng.com/images/61d183263a856e0004c6334a.png" class="d-block mx-auto p-2" style="max-height: 360px; width-auto"></a>

    </div>

<div class="card m-2" style="background-image:url(https://www.eea.europa.eu/highlights/eight-facts-about-europe2019s-forest-ecosystems/image_print);background-position:center center;height:300px;background-repeat:no-repeat; background-size: cover;border-radius:30px; width: 48%; height: 450px; border-radius:30px; box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.25);">
      <div class="card" style="background: rgba(0, 0, 0, 0.58); border-radius: 30px 30px 0px 0px; font-family:andale mono">
        <a href="URL" style="color:#ffffff"><p class="p-0" style="text-align:center; text-shadow: 0px 0px 10px #ffffff; font-size:32px">Name</p></a>
        <div class="p-1 d-flex justify-content-around" style="text-align:center; text-shadow: 0px 0px 5px #000000; font-size:15px; color: rgba(255, 255, 255, 0.42)">
        <span>Breed</span>
        <span>they/them</span>
        <span>region</span>
        <span>power</span>
        </div>
      </div>

    <a href="URL"><img src="https://assets.stickpng.com/images/61d183263a856e0004c6334a.png" class="d-block mx-auto p-2" style="max-height: 360px; width-auto"></a>

    </div>

    </div>

    <!------------------------------------------------------------>

    <div class="d-flex flex-row">


<div class="card m-2" style="background-image:url(https://www.eea.europa.eu/highlights/eight-facts-about-europe2019s-forest-ecosystems/image_print);background-position:center center;height:300px;background-repeat:no-repeat; background-size: cover;border-radius:30px; width: 48%; height: 450px; border-radius:30px; box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.25);">
      <div class="card" style="background: rgba(0, 0, 0, 0.58); border-radius: 30px 30px 0px 0px; font-family:andale mono">
        <a href="URL" style="color:#ffffff"><p class="p-0" style="text-align:center; text-shadow: 0px 0px 10px #ffffff; font-size:32px">Name</p></a>
        <div class="p-1 d-flex justify-content-around" style="text-align:center; text-shadow: 0px 0px 5px #000000; font-size:15px; color: rgba(255, 255, 255, 0.42)">
        <span>Breed</span>
        <span>they/them</span>
        <span>region</span>
        <span>power</span>
        </div>
      </div>

    <a href="URL"><img src="https://assets.stickpng.com/images/61d183263a856e0004c6334a.png" class="d-block mx-auto p-2" style="max-height: 360px; width-auto"></a>

    </div>

<div class="card m-2" style="background-image:url(https://www.eea.europa.eu/highlights/eight-facts-about-europe2019s-forest-ecosystems/image_print);background-position:center center;height:300px;background-repeat:no-repeat; background-size: cover;border-radius:30px; width: 48%; height: 450px; border-radius:30px; box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.25);">
      <div class="card" style="background: rgba(0, 0, 0, 0.58); border-radius: 30px 30px 0px 0px; font-family:andale mono">
        <a href="URL" style="color:#ffffff"><p class="p-0" style="text-align:center; text-shadow: 0px 0px 10px #ffffff; font-size:32px">Name</p></a>
        <div class="p-1 d-flex justify-content-around" style="text-align:center; text-shadow: 0px 0px 5px #000000; font-size:15px; color: rgba(255, 255, 255, 0.42)">
        <span>Breed</span>
        <span>they/them</span>
        <span>region</span>
        <span>power</span>
        </div>
      </div>

    <a href="URL"><img src="https://assets.stickpng.com/images/61d183263a856e0004c6334a.png" class="d-block mx-auto p-2" style="max-height: 360px; width-auto"></a>

    </div>

    </div>