html, body {
  margin: 0;
  width: 100%;
  height: 100%;
  background: #000;
}
body {
  overflow: hidden;
}
.hero-page,
picture {
  position: relative;
  display: block;
  width: 100vw;
  height: 100vh;
  height: 100svh;
  background: #000;
}
.hero-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  user-select: none;
  -webkit-user-drag: none;
}
.email-hotspot {
  position: absolute;
  z-index: 2;
  left: 6.5%;
  top: 59%;
  width: 24%;
  height: 7%;
}
@media (max-width: 768px) {
  .email-hotspot {
    left: 22%;
    top: 76%;
    width: 58%;
    height: 6%;
  }
}