.bg-div--1 {
  top: 1.3%;
  left: 57.7%;
  position: absolute;
  width: 28.6%;
  z-index: 10;
  height: 300px;
  cursor: pointer;
  pointer-events: auto;
}

.bg-div--2 {
  width: 33.4%;
  top: 26.7%;
  left: 49.1%;
  position: absolute;
  z-index: 2;
  height: 300px;
  cursor: pointer;
}

.bg-div--3 {
  width: 36.5%;
  top: 55.6%;
  left: 65.9%;
  position: absolute;
  z-index: 2;
  height: 300px;
  cursor: pointer;
}

@media (max-width: 1101px) {
  .bg-div--1 {
    top: 14%;
    left: auto;
    right: 10%;
    height: 200px;
    width: 20.6%;
  }

  .bg-div--2 {
    width: 33.4%;
    top: 38%;
    left: auto;
    right: 10%;
  }
  .bg-div--3 {
    top: 70%;
  }
}

@media (max-width: 769px) {
  .disabledTablet {
    display: none !important;
  }
  
  .bg-div--1 {
    right: 0;
    height: 150px;
  }

  .bg-div--2 {
    top: 40%;
    right: 0;
    height: 150px;
  }
  .bg-div--3 {
    top: 64%;
    height: 150px;
    width: 30%;
    left: auto;
    right: 0;
  }
}