<div class='d-flex p-20 pb-10 position-relative wrapper content-visibility-auto'>
  <div class='item d-flex flex-column h-full'>
    <div class='image h-200 w-full rounded skeloader bg-dark-light'><div class='skeleloader-swipe' /></div>
    <div class='row pt-15'>
      <div class='col-7'>
        <div class='h-10 skeloader w-150 bg-dark-light rounded '><div class='skeleloader-swipe' /></div>
      </div>
      <div class='col-5 d-flex flex-column align-items-end'>
        <div class='h-10 skeloader w-100 bg-dark-light mb-5 rounded'><div class='skeleloader-swipe' /></div>
        <div class='h-10 skeloader w-50 bg-dark-light rounded'><div class='skeleloader-swipe' /></div>
      </div>
    </div>
  </div>
</div>

<style>
  .item {
    animation: 0.3s ease 0s 1 load-in;
    width: 36rem
  }
  .wrapper {
    height: 28.7rem;
    contain-intrinsic-height: 28.7rem;
  }
</style>
