<section class="content relative">
  <div class="container mx-auto px-4 md:px-8 lg:px-16 bg-transparent overflow-hidden pt-8 lg:pt-16 pb-8 lg:pb-16 ">
    <div class="lg:grid lg:grid-cols-12 lg:gap-8 relative">
      <div class="lg:col-span-9 max-w-full lg:row-span-full">
        <div class="-mx-4 md:-mx-8 lg:m-0">
          <div>
            <picture>
              <source srcset="https://s3.topgolf.com/uploads/images/lifestyle/uk/adults/tg-uk-Bay-Tee-Line-Day-Adults-Group-selfie.jpg?resize.width=800" media="(max-width: 800px)">
              <img class="" alt="" title="" width="1600" height="900" loading="lazy" src="https://s3.topgolf.com/uploads/images/lifestyle/uk/adults/tg-uk-Bay-Tee-Line-Day-Adults-Group-selfie.jpg?resize.width=1600"></source></picture>
          </div>
        </div>
      </div>
      <div class="-mt-8 lg:m-0 lg:col-span-6 w-full max-w-full bg-white-off dark:bg-gray z-10 flex lg:absolute lg:col-start-7 lg:row-span-full lg:top-1/2 transform lg:-translate-y-1/2">
        <div class="p-6 py-8 md:p-8 lg:py-12 max-w-full items-center ">
          <div class="text-2xl lg:text-4xl 2xl:text-8xl font-shield-black uppercase leading-none has-linebreak mb-4">tHANK YOU</div>
          <div class="lg:text-lg">As a token of our appreciation for completing the survey, you can download a free game coupon below.&nbsp;</div>
                    <div class="mt-8 max-w-full"><a class="btn " aria-label="Download coupon" href="https://s3.topgolf.com/uploads/pdf/uk/Free-Game-Voucher-22.pdf">Download Coupon</a></div>
                  </div>
      </div>
    </div>
  </div>
</section>