.floating-image-wrapper {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: visible; /* lasciala respirare */
}

.floating-image {
  position: relative;
  //top: 50%;
  //left: 50%;
  //transform: translateX(-50%);
  width: auto;
  max-width: 100%;
  height: auto;
  will-change: transform;
  transition: transform 0.1s linear;
}

/* sotto i 769px */
@media (max-width: 768px) {
  .floating-image-wrapper {
    height: 50vh;
  }
}

/* tra 769px e 1024px */
@media (min-width: 769px) and (max-width: 1024px) {
  .floating-image-wrapper {
    height: 60vh;
  }
}