.index__hero-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.index__hero-media--mobile {
  display: none;
}

.index__hero-media-element,
.index__hero-media picture {
  display: block;
  width: 100%;
  height: 100%;
}

.index__hero-media-element {
  object-fit: cover;
}

@media (max-width: 750px) {
  .index__hero-media--desktop {
    display: none;
  }

  .index__hero-media--mobile {
    display: block;
  }
}
.index__hero-tab {
    position: relative;
}