JSFiddle - React, Tailwind, and code Playground

by Nate Armstrong

HTML

<div class="row">
  <div class="d-block pb-5 my-md-5 col-12 special-padding">&nbsp;</div>
  <div class="col-12 col-xxl-6 bgimg-offset-container">
    <p class="bmg-img-offset-headline text-white mb-1 bigger">Study in the US</p>
    <p class="bmg-img-offset-headline smaller text-white mb-5 pt-2">$3,000 Scholarship for International Students</p>
    <div class="mb-5">
      <div id="local-bgimg-color-wash">
        <p class="text-white text-bold">If you are an international student looking to complete your degree in the US, Ohio Christian University is here to help you every step of the way. We offer a $3,000 scholarship for both academics and athletics, and have a dedicated support team to help students settle in to life on campus. Request information to learn about next steps.</p>
      </div>
    </div>
    <div class="row my-5 m-0 p-0 d-none d-xxl-block">
      <div class="d-none d-md-block col-12 p-3 row" data="extra-spacing">&nbsp;</div>
      <div class="col-12 col-md-8 col-lg-8 p-2 m-auto">
        <a class="button-square bg-white chevron-bottom" href="https://www.ohiochristian.edu/lp/fastapp?lp_onlineb"><span class="buttontext">Apply Now</span><span class="subtext">Take 15 minutes<br>to fill-out our fast app.</span>
        </a>
      </div>
      <div class="d-none d-md-block col-12 p-3" data="extra-spacing">&nbsp;</div>
    </div>
  </div>
  <div class="col-12 col-xxl-6 bgimg-offset-container">
  THIS THIS THIS 
  </div>

  <div class="row my-5 m-0 p-0 d-block col-10 m-auto d-xxl-none">
    <div class="d-none d-md-block col-12 p-3 row" data="extra-spacing">&nbsp;</div>
    <div class="col-12 col-md-8 col-lg-8 p-2 m-auto">
      <a class="button-square bg-white chevron-bottom" href="https://www.ohiochristian.edu/lp/fastapp?lp_onlineb"><span class="buttontext">Apply Now</span><span class="subtext">Take 15 minutes<br>to fill-out our fast app.</span>
      </a>
    </div>
    <div class="d-none d-md-block col-12 p-3" data="extra-spacing">&nbsp;</div>
 ...