<div class='d-flex px-20 py-10 position-relative content-visibility-auto justify-content-center'>
  <div class='card m-0 p-0 overflow-hidden full-card'>
    <div class='row h-full'>
      <div class='col-4 skeloader bg-dark-light'><div class='skeleloader-swipe' /></div>
      <div class='col-8 bg-very-dark px-15 py-10'>
        <div class='skeloader bg-dark-light w-300 h-25 rounded bg-dark mt-15'><div class='skeleloader-swipe' /></div>
        <div class='skeloader bg-dark-light w-150 h-10 rounded bg-dark mt-15'><div class='skeleloader-swipe' /></div>
        <div class='skeloader bg-dark-light w-150 h-10 rounded bg-dark mt-15'><div class='skeleloader-swipe' /></div>
      </div>
    </div>
  </div>
</div>

<style>
  .card {
    animation: 0.3s ease 0s 1 load-in;
    width: 50rem !important;
    height: 27rem !important;
    contain-intrinsic-height: 27rem;
  }
</style>
