.main-content {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: var(--grid-gap);
  padding: 0 0 2rem 0;
}

.left {
  grid-column: 1 / span 7;
  position: relative;
}

.mail-contact {
  position: absolute;
  bottom: 0;
}

.right {
  grid-column: 9 / span 4;
}

.gallery {
  transform: translateY(6vw);
}
.swiper:not(.spectacles-swiper) {
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
  aspect-ratio: 16/9;
  margin: 0;
  width: 100%;
}

@media screen and (max-width: 800px) {
  .left,
  .right {
    grid-column: 1 / span 12;
  }
}