.section-hotspots-image {
  background-color: rgb(var(--color-background));
}
.hotspots-image {
  position: relative;
}
.hotspots-image__media {
  position: relative;
  overflow: hidden;
}
.hotspots-image__media--zoom .hotspots-image__image {
  transition: transform 0.3s ease;
}
.hotspots-image__media--zoom:hover .hotspots-image__image {
  transform: scale(1.05);
}
.hotspots-image__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.hotspots-image__image--mobile {
  display: none;
}
.hotspots-image .empty-image-class {
  width: 100%;
  height: 100%;
  background-color: rgb(var(--color-image-background));
}
@media screen and (max-width: 749px) {
  .hotspots-image__image--desktop {
    display: none;
  }
  .hotspots-image__image--mobile {
    display: block;
  }
}