JSFiddle - React, Tailwind, and code Playground

by Sasá Rafalsky

HTML

<div role="main" id="maincontent">
  <div class="i-g-m-container">
    <div class="main-i-g-header">
      <div class="desktop-img" style="background-image: url('https://emea.acana.com/on/demandware.static/-/Sites-acana_eu-Library/default/dw4358a6b3/images/acana/2.0/ACANA Ingredient Transparency Header 2400x500.jpg')">&nbsp;</div>
      <div class="mobile-img" style="background-image: url('https://emea.acana.com/on/demandware.static/-/Sites-acana_eu-Library/default/dw1338a70c/images/acana/2.0/ACANA Ingredient Transparency Header Mobile 768x400.jpg')">&nbsp;</div>
      <div class="container">
        <div class="row">
          <div class="col-12">
            <div class="i-g-content">
              <div class="i-g-content acana-sec-heading">
                <h1 class="trans-head">ACANA'S™ QUALITY INGREDIENTS FOR PETS</h1>
                <h2>We're Transparent About Our Ingredients</h2>
                <p class="p-bottom">With ACANA™ pet food, we&rsquo;re proud of the fact that we source only quality ingredients from our trusted suppliers, in recipes we control from start to finish. By providing high inclusions of animal protein balanced with fruits, vegetables and botanicals, our ACANA pet food is as nourishing as it is satisfying.</p>
                <h2 class="h-color">WHAT DOES FRESH OR RAW MEAN?</h2>
                <p><strong class="h-color">Fresh:&nbsp;</strong>Our fresh ingredients use refrigeration as the sole method of preservation.</p>
                <p><strong class="h-color">Raw:&nbsp;</strong>Our raw ingredients are frozen at the peak of freshness to preserve nutrients.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="i-g-quality-ctn">
      <div class="container our-Acana-inc">
        <h2>Our ACANA recipes include:</h2>
      </div>
      <div class="i-g-quality-inner container">
        <div class="i-g-quality-left bor-right">
          <h1>50-85<sup>﹪</sup><sup>*</sup></h1>
    ...