<div class="item-slider object-fit" style="height: 330px;">
  <div class="d-none d-md-block img-slide"><span class="img-native-wrap" style="padding-bottom: 42.969%;"><img class="img-fluid" src="{{media url='wysiwyg/magebig/layout02/mf02-slider-01.jpg'}}" alt="" width="768" height="330" loading="lazy"></span></div>
  <div class="d-block d-md-none img-slide"><span class="img-native-wrap" style="padding-bottom: 70.213%;"><img class="img-fluid" src="{{media url='wysiwyg/magebig/layout02/mf02-slider-mobile-01.jpg'}}" alt="mobile view" width="470" height="330" loading="lazy"></span></div>
  <div class="block-content-slide">
    <div class="block-center">
      <p class="text-small animated fadeInDownSlide">Samsung</p>
      <h2 class="text-large animated fadeInDownSlide delay-0s5">Smart TV 43 Inch 43M55<br>4k vFull HD Tizen OS</h2>
      <div class="text-normal animated fadeInDownSlide delay-1s">
        <div>Sale</div>
        <p>30% Off</p>
      </div>
      <div class="btn-wrap animated fadeInDownSlide delay-1s5"><a class="btn-shopnow action primary" href="#"><span>Shop now</span></a></div>
    </div>
  </div>
</div>
<div class="item-slider object-fit" style="height: 330px;">
  <div class="d-none d-md-block img-slide"><span class="img-native-wrap" style="padding-bottom: 42.969%;"><img class="img-fluid" src="{{media url='wysiwyg/magebig/layout02/mf02-slider-02.jpg'}}" alt="" width="768" height="330" loading="lazy"></span></div>
  <div class="d-block d-md-none img-slide"><span class="img-native-wrap" style="padding-bottom: 70.213%;"><img class="img-fluid" src="{{media url='wysiwyg/magebig/layout02/mf02-slider-mobile-02.jpg'}}" alt="mobile view" width="470" height="330" loading="lazy"></span></div>
  <div class="block-content-slide">
    <div class="block-center">
      <p class="text-small animated fadeInDownSlide">Mega Sale, Don't Miss Out !</p>
      <h2 class="text-large animated fadeInDownSlide delay-0s5">Happy Summer<br>combo super cool</h2>
      <div class="text-normal animated fadeInDownSlide delay-1s">
        <div>Up to</div>
        <p>40% Off</p>
      </div>
      <div class="btn-wrap animated fadeInDownSlide delay-1s5"><a class="btn-shopnow action primary" href="#"><span>Shop now</span></a></div>
    </div>
  </div>
</div>
<div class="item-slider object-fit" style="height: 330px;">
  <div class="d-none d-md-block img-slide"><span class="img-native-wrap" style="padding-bottom: 42.969%;"><img class="img-fluid" src="{{media url='wysiwyg/magebig/layout02/mf02-slider-03.jpg'}}" alt="" width="768" height="330" loading="lazy"></span></div>
  <div class="d-block d-md-none img-slide"><span class="img-native-wrap" style="padding-bottom: 70.213%;"><img class="img-fluid" src="{{media url='wysiwyg/magebig/layout02/mf02-slider-mobile-03.jpg'}}" alt="mobile view" width="470" height="330" loading="lazy"></span></div>
  <div class="container">
    <div class="block-content-slide">
      <div class="block-center">
        <p class="text-small animated fadeInDownSlide">Don't Miss Out !</p>
        <h2 class="text-large animated fadeInDownSlide delay-0s5">Experience great sound<br>with marshall speaker</h2>
        <div class="text-normal animated fadeInDownSlide delay-1s">
          <div><span style="text-decoration: line-through;">$225.00</span></div>
          <p>$200.00</p>
        </div>
        <div class="btn-wrap animated fadeInDownSlide delay-1s5"><a class="btn-shopnow action primary" href="#"><span>Shop now</span></a></div>
      </div>
    </div>
  </div>
</div>