image and video

<style>
  .padding-global10 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .container-large10 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1152px;
  }

  .text-center10 {
    text-align: center;
  }

  .items-center10 {
    align-items: center;
  }

  .flex10-col10 {
    flex-direction: column;
  }

  .flex10 {
    display: flex;
  }

  .mb-1210 {
    margin-bottom: 48px;
  }

  .font-bold10 {
    font-weight: 700;
  }

  .mb-610 {
    margin-bottom: 24px;
  }

  .text-secondary10 {
    --tw-text-opacity: 1;
    color: #ff4d58;
  }

  .italic10 {
    font-style: italic;
  }

  .max-w-4xl10 {
    max-width: 896px;
  }

  .gap-410 {
    gap: 16px;
  }

  .grid10 {
    display: grid;
  }

  .border-white10 {
    --tw-border-opacity: 1;
    border-color: #ffffff;
  }

  .border-[3px] {
    border-width: 3px;
  }

  .rounded-2xl10 {
    border-radius: 16px;
  }

  .overflow-hidden10 {
    overflow: hidden;
  }

  .object-cover10 {
    object-fit: cover;
  }

  .w-full10 {
    width: 100%;
  }

  .h-full10 {
    height: 100%;
  }

  img {
    max-width: 100%;
  }

  .aspect-square10 {
    aspect-ratio: 1 / 1;
  }

  @media (min-width: 640px) {
    .sm:text-2xl {
      font-size: 24px;
      line-height: 32px;
    }
  }

  @media (min-width: 768px) {
    .md:text-5xl {
      font-size: 48px;
      line-height: 1;
    }

    .md:grid10-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }

    .md:grid10-cols-[2fr_1fr_1fr] {
      grid-template-columns: 2fr 1fr 1fr;
    }

    .md:aspect-auto {
      aspect-ratio: auto;
    }

    .md:row-span-2 {
      grid-row: span 2 / span 2;
    }

    .md:hidden {
      display: none;
    }
  }
</style>

<section class="padding-global10">
  <div class="container-large10">
    <div class="flex10 flex10-col10 items-center10 text-center10 mb-1210">
      <h1 class="text-4xl md:text-5xl font-bold10 leading-tight mb-610">Ads that <span
          class="text-secondary10 italic10">Stand
          Out</span> in the Newsfeed</h1>
      <p class="text-xl sm:text-2xl max-w-4xl10">1500+ powerful creatives including unique concepts guaranteed to
        grab attention (with new templates added monthly)</p>
    </div>
    <div class="grid10 grid10-cols-2 md:grid10-cols-[2fr_1fr_1fr] gap-410 md:grid10-rows-2">
      <div
        class="aspect-square10 md:aspect-auto rounded-2xl10 overflow-hidden10 border-[3px] border-white10 md:row-span-2">
        <!--[--><!--[!-->
        <picture><!--[-->
          <source
            srcset="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/1-testimonial-v25.B0vegNGu.avif?v=1758017811 1x, /_app/immutable/assets/1-testimonial-v25.B9tR3pvB.avif 2x"
            sizes="(min-width: 768px) 66vw, 50vw" type="image/avif">
          <source
            srcset="/_app/immutable/assets/1-testimonial-v25.0YFFtSnq.webp 1x, /_app/immutable/assets/1-testimonial-v25.BUnVBOd4.webp 2x"
            sizes="(min-width: 768px) 66vw, 50vw" type="image/webp">
          <source
            srcset="/_app/immutable/assets/1-testimonial-v25.o38FPWJN.jpg 1x, /_app/immutable/assets/1-testimonial-v25.CyQgIGeX.jpg 2x"
            sizes="(min-width: 768px) 66vw, 50vw" type="image/jpeg"><!--]--> <img
            src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/1-testimonial-v25.B0vegNGu.avif?v=1758017811"
            alt="Featured showcase content" class="w-full10 h-full10 object-cover10" loading="lazy" width="2048"
            height="2048">
        </picture><!--]--><!--]-->
      </div> <!--[!--><!---->
      <div class="aspect-square10 rounded-2xl10 border-[3px] border-white10 overflow-hidden10"><video
          class="w-full10 h-full10 object-cover10" preload="none" loop="" autoplay="" playsinline=""
          style="pointer-events: none;">
          <source type="video/mp4" src="https://admkr-ads.b-cdn.net/Videos/85_1055.mp4"> Your browser does not
          support the video tag.
        </video><!----></div>
      <div class="aspect-square10 rounded-2xl10 border-[3px] border-white10 overflow-hidden10"><!---->
        <picture>
          <source sizes="(min-width: 768px) 33vw, 50vw"
            srcset="https://www.admkr.co/_app/immutable/assets/3-us-vs-them-apples.DTWlUpAr.avif 540w, https://www.admkr.co/_app/immutable/assets/3-us-vs-them-apples.CTeIK-JD.avif 1080w"
            type="image/avif">
          <source sizes="(min-width: 768px) 33vw, 50vw"
            srcset="https://www.admkr.co/_app/immutable/assets/3-us-vs-them-apples.Cj_459DP.webp 540w, https://www.admkr.co/_app/immutable/assets/3-us-vs-them-apples.Yu0G0gY_.webp 1080w"
            type="image/webp">
          <source sizes="(min-width: 768px) 33vw, 50vw"
            srcset="https://www.admkr.co/_app/immutable/assets/3-us-vs-them-apples.DF5xyJWM.jpeg 540w, https://www.admkr.co/_app/immutable/assets/3-us-vs-them-apples.BlalbwV8.jpeg 1080w"
            type="image/jpeg"><!----> <img class="w-full10 h-full10 object-cover10" loading="lazy" alt="Showcase item 3"
            width="1080" height="1080"
            src="https://www.admkr.co/_app/immutable/assets/3-us-vs-them-apples.BlalbwV8.jpeg">
        </picture><!---->
      </div>
      <div class="aspect-square10 rounded-2xl10 border-[3px] border-white10 overflow-hidden10"><!---->
        <picture>
          <source sizes="(min-width: 768px) 33vw, 50vw"
            srcset="https://www.admkr.co/_app/immutable/assets/4-so-I-got-these.ByTgsq0r.avif 540w, https://www.admkr.co/_app/immutable/assets/4-so-I-got-these.Bflsb6KI.avif 1080w"
            type="image/avif">
          <source sizes="(min-width: 768px) 33vw, 50vw"
            srcset="https://www.admkr.co/_app/immutable/assets/4-so-I-got-these.DaXzdTsy.webp 540w, https://www.admkr.co/_app/immutable/assets/4-so-I-got-these.CA0d6t3r.webp 1080w"
            type="image/webp">
          <source sizes="(min-width: 768px) 33vw, 50vw"
            srcset="https://www.admkr.co/_app/immutable/assets/4-so-I-got-these.B8Ccrlal.jpeg 540w, https://www.admkr.co/_app/immutable/assets/4-so-I-got-these.CbrbyKKu.jpeg 1080w"
            type="image/jpeg"><!----> <img class="w-full10 h-full10 object-cover10" loading="lazy" alt="Showcase item 4"
            width="1080" height="1080"
            src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/4-so-I-got-these.Bflsb6KI.avif?v=1758017811">
        </picture><!---->
      </div>
      <div class="aspect-square10 rounded-2xl10 border-[3px] border-white10 overflow-hidden10"><video
          class="w-full10 h-full10 object-cover10" preload="none" loop="" autoplay="" playsinline=""
          style="pointer-events: none;">
          <source type="video/mp4" src="https://admkr-ads.b-cdn.net/Videos/85_1048.mp4"> Your browser does not
          support the video tag.
        </video><!----></div>
      <div class="aspect-square10 rounded-2xl10 border-[3px] border-white10 overflow-hidden10 md:hidden"><!---->
        <picture>
          <source sizes="(min-width: 768px) 33vw, 50vw"
            srcset="https://www.admkr.co/_app/immutable/assets/6-fb-testimonial.hslDeL3Y.avif 540w, https://www.admkr.co/_app/immutable/assets/6-fb-testimonial.QPcx0MSZ.avif 1080w"
            type="image/avif">
          <source sizes="(min-width: 768px) 33vw, 50vw"
            srcset="https://www.admkr.co/_app/immutable/assets/6-fb-testimonial.v5gr4MXA.webp 540w, https://www.admkr.co/_app/immutable/assets/6-fb-testimonial.BxhV3JnQ.webp 1080w"
            type="image/webp">
          <source sizes="(min-width: 768px) 33vw, 50vw"
            srcset="https://www.admkr.co/_app/immutable/assets/6-fb-testimonial.DMiOHprJ.jpeg 540w, https://www.admkr.co/_app/immutable/assets/6-fb-testimonial.SMdUO55Y.jpeg 1080w"
            type="image/jpeg"><!----> <img class="w-full10 h-full10 object-cover10" loading="lazy" alt="Showcase item 6"
            width="1080" height="1080" src="https://www.admkr.co/_app/immutable/assets/6-fb-testimonial.SMdUO55Y.jpeg">
        </picture><!---->
      </div><!--]-->
    </div>
  </div>
</section>