.image-banner {
  perspective: 3000px;
  width: 50%;
  position: absolute;
  left: 93%;
  top: -30%;
  transform: translate(-50%, -80%);
  transform-style: preserve-3d;
}

.image-banner img {
  position: absolute;
  transform: rotateX(70deg) rotateZ(60deg) translate3d(120px, 0px, -70px);
  box-shadow: -80px 60px 15px 5px rgb(0 0 0 / 70%);
  transition: all 1s;
  transform-style: preserve-3d;
  animation: autoHoverEffect 2s infinite alternate;
}

@keyframes autoHoverEffect {
  0% {
    transform: rotateX(70deg) rotateZ(60deg) translate3d(120px, 0px, -70px);
    box-shadow: -80px 60px 15px 5px rgb(0 0 0 / 70%);
  }
  50% {
    transform: rotateX(0deg) rotateZ(0deg) translate3d(0px, 0px, 0px);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  }
  100% {
    transform: rotateX(70deg) rotateZ(60deg) translate3d(120px, 0px, -70px);
    box-shadow: -80px 60px 15px 5px rgb(0 0 0 / 70%);
  }
}

@media only screen and (max-width: 1000px) {
  .image-banner {
    left: 83%;
  }
}

@media only screen and (max-width: 850px) {
  .image-banner img {
    display: none;
  }
}