.hero {
  background-image: linear-gradient(90deg, rgba(244,240,233,.98) 0%, rgba(244,240,233,.94) 31%, rgba(244,240,233,.15) 56%, rgba(244,240,233,0) 70%), url('assets/hero-sandra-i-gymmet-v2.webp');
  background-position: center;
}

.studio-panel {
  background-image: linear-gradient(90deg, rgba(244,240,233,.98) 0%, rgba(244,240,233,.92) 40%, rgba(244,240,233,.05) 72%), url('assets/gym-2.jpeg');
}

.training-image {
  background-image: url('assets/traning-card-olmstads-gym-v2.webp');
  background-position: center 48%;
}

.talk-image {
  background-image: url('assets/samtal-card-ai.webp');
  background-position: center 53%;
}

.groups-image {
  background-image: url('assets/gruppstarter-sandra-ai-v2.webp');
  background-position: center 46%;
}

.contact-image {
  background-image: url('assets/kontakt-sandra-card.webp');
  background-position: center 30%;
  background-size: 230% auto;
}

.about-image {
  background-image: url('assets/sandra-vit-troja.webp');
  background-position: center top;
}

.gallery {
  grid-template-columns: 1.05fr 1fr;
  gap: 0;
  overflow: hidden;
  border-radius: 22px;
  background: #ebe7df;
}

.gallery img {
  border-radius: 0;
}

.gallery img + img {
  width: 114%;
  max-width: none;
  margin-left: -14%;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 18%, #000 100%);
  mask-image: linear-gradient(to right, transparent 0%, #000 18%, #000 100%);
}

@media (max-width:650px) {
  .hero {
    background-image: linear-gradient(0deg, rgba(244,240,233,1) 0%, rgba(244,240,233,.92) 38%, rgba(244,240,233,.05) 68%), url('assets/hero-sandra-i-gymmet-v2.webp');
    background-position: 68% center;
  }

  .studio-panel {
    background-image: linear-gradient(90deg, rgba(244,240,233,.98), rgba(244,240,233,.68)), url('assets/gym-2.jpeg');
  }

  .gallery {
    grid-template-columns: 1fr;
    overflow: hidden;
  }

  .gallery img + img {
    width: 100%;
    margin: -42px 0 0;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 14%, #000 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, #000 14%, #000 100%);
  }
}