.item {
  position: absolute;
  width: 22%;
}

.i-1 {
  top: -10%;
  right: -5%;
}

.i-2 {
  bottom: 10%;
  left: -2%;
}

.i-3 {
  bottom: 10%;
  right: -5%;
}

.i-4 {
  top: -8%;
  right: -15%;
}

.i-6 {
  top: -40%;
  right: -12%;
}

@media screen and (min-width: 1px) and (max-width: 743px) {
  .item {
    position: absolute;
    width: 30%;
  }

  .i-1 {
    top: -3%;
    right: -5%;
  }

  .i-2 {
    bottom: -3.5%;
    left: -2%;
  }

  .i-3 {
    bottom: -3.5%;
    right: -2%;
  }

  .i-4 {
    top: -8%;
    left: -6%;
  }

  .i-5 {
    top: -24%;
    right: -10% !important;
  }

  .i-6 {
    top: -12%;
    left: -8%;
  }
}

@media screen and (min-width: 744px) and (max-width: 1024px) {
  .item {
    position: absolute;
    width: 22%;
  }

  .i-1 {
    top: -5%;
    right: 0%;
  }

  .i-2 {
    bottom: 10%;
    left: 0%;
  }

  .i-3 {
    bottom: 10%;
    right: 0%;
  }

  .i-4 {
    top: -10%;
    right: -10%;
  }

  .i-5 {
    top: -40%;
    left: -16%;
  }

  .i-6 {
    top: -40%;
    right: -15%;
  }
}

@media screen and (min-width: 1025px) {
  .i-5 {
  top: -40%;
  left: -18%;
}
}