<div class="item-slider object-fit" style="height: 358px;">
  <div class="d-none d-md-block img-slide"><span class="img-native-wrap" style="padding-bottom: 18.646%;"><img loading="lazy" src="{{media url='wysiwyg/magebig/slider/slider-full-1.jpg'}}" alt="" width="1920" height="358" class="img-fluid"></span></div>
  <div class="d-block d-md-none img-slide"><span class="img-native-wrap" style="padding-bottom: 46.615%;"><img class="img-fluid" src="{{media url='wysiwyg/magebig/slider/slider-mobile-1.jpg'}}" alt="" width="768" height="358" loading="lazy"></span></div>
  <div class="container">
    <div class="block-content">
      <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">iloveugly Fashion<br>Clothings</h2>
        <div class="text-normal animated fadeInDownSlide delay-1s">
          <div>Discount</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>
<div class="item-slider object-fit" style="height: 358px;">
  <div class="d-none d-md-block img-slide"><span class="img-native-wrap" style="padding-bottom: 18.646%;"><img class="img-fluid" src="{{media url='wysiwyg/magebig/slider/slider-full-2.jpg'}}" alt="" width="1920" height="358" loading="lazy"></span></div>
  <div class="d-block d-md-none img-slide"><span class="img-native-wrap" style="padding-bottom: 46.615%;"><img class="img-fluid" src="{{media url='wysiwyg/magebig/slider/slider-mobile-2.jpg'}}" alt="" width="768" height="358" loading="lazy"></span></div>
  <div class="container">
    <div class="block-content">
      <div class="block-center">
        <p class="text-small animated fadeInDownSlide" style="color: #0099cc;">Limited Edition</p>
        <h2 class="text-large animated fadeInDownSlide delay-0s5" style="color: #000000;">IKEA Minimalist<br>Otoman</h2>
        <div class="text-normal animated fadeInDownSlide delay-1s" style="color: #000000;">
          <div>Discount</div>
          <p>30% Off</p>
        </div>
        <div class="btn-wrap animated fadeInDownSlide delay-1s5"><a class="action primary" href="#">Shop Now</a></div>
      </div>
    </div>
  </div>
</div>
<div class="item-slider object-fit" style="height: 358px;">
  <div class="d-none d-md-block img-slide"><span class="img-native-wrap" style="padding-bottom: 18.646%;"><img class="img-fluid" src="{{media url='wysiwyg/magebig/slider/slider-full-2.jpg'}}" alt="" width="1920" height="358" loading="lazy"></span></div>
  <div class="d-block d-md-none img-slide"><span class="img-native-wrap" style="padding-bottom: 46.615%;"><img class="img-fluid" src="{{media url='wysiwyg/magebig/slider/slider-mobile-2.jpg'}}" alt="" width="768" height="358" loading="lazy"></span></div>
  <div class="container">
    <div class="block-content">
      <div class="block-center">
        <p class="text-small animated fadeInDownSlide">Mega Sale</p>
        <h2 class="text-large animated fadeInDownSlide delay-0s5">Double Combo With<br>The Body Shop</h2>
        <div class="text-normal animated fadeInDownSlide delay-1s">
          <div>Sale up to</div>
          <p>50% 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>