.animation {
  position: absolute;

  img {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  &_qcm {
    top: 8%;
    left: 29.3%;

    @include breakpoint-down('deskL') {
      width: 319px;
      height: 256px;
      top: 47px;
      left: 17.9%;
    }

    @include breakpoint-down('deskS') {
      width: 176px;
      height: 141px;
      top: 62px;
      left: 19.9%;
    }

    @include breakpoint-down('tabM') {
      top: 64px;
      left: -10.1%;
    }
  }

  &_amaiz {
    top: 34%;
    left: 41%;
    z-index: 1;

    @include breakpoint-down('deskL') {
      width: 354px;
      height: 302px;
      top: 29%;
      left: 35%;
    }

    @include breakpoint-down('deskM') {
      top: 33%;
      left: 37%;
    }

    @include breakpoint-down('deskS') {
      width: 196px;
      height: 167px;
      top: 37%;
    }

    @include breakpoint-down('tabM') {
      top: 29%;
      left: 23%;
    }
  }

  &_ex {
    top: 61%;
    left: 45%;

    @include breakpoint-down('deskL') {
      width: 289px;
      height: 279px;
      top: 59%;
      left: 46.5%;
    }

    @include breakpoint-down('deskM') {
      top: 68%;
      left: 48.5%;
    }

    @include breakpoint-down('deskS') {
      width: 156px;
      height: 151px;
      top: 60%;
      left: 49.5%;
    }

    @include breakpoint-down('tabM') {
      top: 46%;
    }
  }

  &_qcex {
    top: 70%;
    right: 15.5%;

    @include breakpoint-down('deskL') {
      width: 338px;
      height: 318px;
      top: 68%;
    }

    @include breakpoint-down('deskM') {
      top: 77%;
      right: 5.5%;
    }

    @include breakpoint-down('deskS') {
      width: 187px;
      height: 176px;
      top: 80%;
      right: 12.5%;
    }

    @include breakpoint-down('tabM') {
      top: 82%;
      right: -9.5%;
    }
  }

  &_iq {
    top: 62%;
    left: 15%;
    z-index: 1;

    @include breakpoint-down('deskL') {
      width: 349px;
      height: 315px;
      top: 60%;
      left: 10%;
    }

    @include breakpoint-down('deskM') {
      top: 69%;
      left: 11%;
    }

    @include breakpoint-down('deskS') {
      width: 193px;
      height: 174px;
      top: 67%;
      left: 12%;
    }

    @include breakpoint-down('tabM') {
      left: -15%;
      top: 60%;
    }
  }

  &_westive {
    top: 83%;
    left: 25%;

    @include breakpoint-down('deskL') {
      width: 319px;
      height: 256px;
      top: 80%;
      left: 27%;
    }

    @include breakpoint-down('deskM') {
      top: 92%;
      left: 29%;
    }

    @include breakpoint-down('deskS') {
      width: 176px;
      height: 142px;
      top: 87%;
      left: 28%;
    }

    @include breakpoint-down('tabM') {
      top: 74%;
      left: 17%;
    }
  }
}