<img
  class="
    hidden
    ltablet:block
    lg:block
    absolute
    top-[30%]
    left-0
    object-cover
    w-12
    h-12
    rounded-full
    duration-[cubic-bezier(0.86,0,0.07,1)]
  "
  src="/img/avatars/27.jpg"
  alt="Avatar"
  width="48"
  height="48"
/>
<img
  class="
    hidden
    ltablet:block
    lg:block
    absolute
    top-[40%]
    -left-[25%]
    object-cover
    w-16
    h-16
    rounded-full
  "
  src="/img/avatars/29.jpg"
  alt="Avatar"
  width="64"
  height="64"
/>
<img
  class="
    hidden
    ltablet:block
    lg:block
    absolute
    top-[52%]
    -left-[5%]
    object-cover
    w-16
    h-16
    rounded-full
  "
  src="/img/avatars/25.jpg"
  alt="Avatar"
  width="64"
  height="64"
/>
<img
  class="
    hidden
    ltablet:block
    lg:block
    absolute
    top-[65%]
    -left-[35%]
    object-cover
    w-24
    h-24
    rounded-full
  "
  src="/img/avatars/39.jpg"
  alt="Avatar"
  width="96"
  height="96"
/>
<img
  class="
    hidden
    ltablet:block
    lg:block
    absolute
    top-[20%]
    -left-[35%]
    object-cover
    w-10
    h-10
    rounded-full
  "
  src="/img/avatars/12.jpg"
  alt="Avatar"
  width="40"
  height="40"
/>
<img
  class="
    hidden
    ltablet:block
    lg:block
    absolute
    top-[40%]
    -left-[55%]
    object-cover
    w-20
    h-20
    rounded-full
  "
  src="/img/avatars/36.jpg"
  alt="Avatar"
  width="80"
  height="80"
/>

<img
  class="
    hidden
    ltablet:block
    lg:block
    absolute
    top-[30%]
    right-0
    object-cover
    w-12
    h-12
    rounded-full
  "
  src="/img/avatars/16.jpg"
  alt="Avatar"
  width="48"
  height="48"
/>
<img
  class="
    hidden
    ltablet:block
    lg:block
    absolute
    top-[40%]
    -right-[25%]
    object-cover
    w-16
    h-16
    rounded-full
  "
  src="/img/avatars/45.jpg"
  alt="Avatar"
  width="64"
  height="64"
/>
<img
  class="
    hidden
    ltablet:block
    lg:block
    absolute
    top-[52%]
    -right-[5%]
    object-cover
    w-16
    h-16
    rounded-full
  "
  src="/img/avatars/19.jpg"
  alt="Avatar"
  width="64"
  height="64"
/>
<img
  class="
    hidden
    ltablet:block
    lg:block
    absolute
    top-[65%]
    -right-[35%]
    object-cover
    w-24
    h-24
    rounded-full
  "
  src="/img/avatars/44.jpg"
  alt="Avatar"
  width="96"
  height="96"
/>
<img
  class="
    hidden
    ltablet:block
    lg:block
    absolute
    top-[20%]
    -right-[35%]
    object-cover
    w-10
    h-10
    rounded-full
  "
  src="/img/avatars/53.jpg"
  alt="Avatar"
  width="40"
  height="40"
/>
<img
  class="
    hidden
    ltablet:block
    lg:block
    absolute
    top-[40%]
    -right-[55%]
    object-cover
    w-20
    h-20
    rounded-full
  "
  src="/img/avatars/51.jpg"
  alt="Avatar"
  width="80"
  height="80"
/>
