.zoom-on-hover img {
  transition: transform 0.5s ease, filter 0.3s ease !important;
  transform: scale(1.01) !important;
  filter: none !important;
  opacity: 1 !important;
}

.zoom-on-hover:hover img {
  transform: scale(1.1) !important;
  filter: none !important;
  opacity: 1 !important;
}

/* Pehmeä rullaus + varaa tilaa ankkureille navbarin verran */

html {
  scroll-behavior: smooth;
  scroll-padding-top: 50px;
}

/* Row on sinulla jo max-width: 800px; width:100%; center */

.home-previews {
  margin: 0 auto;
}

/* Kuvakontti: joustava leveys + vakio kuvasuhde */

.home-previews a.teaser {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  margin: 0 auto;
  border-radius: .5rem;
}

/* Leveyden säätö eri ruuduilla */

/* lg+: kolme rinnakkain → tee niistä vähän pienemmät */

@media (min-width: 992px) {
  .home-previews a.teaser {
    max-width: 88%;
  }
}

/* kokeile 85–92 % */

/* md: kaksi rinnakkain */

@media (min-width: 768px) and (max-width: 991.98px) {
  .home-previews a.teaser {
    max-width: 92%;
  }
}

/* xs/sm: yksi per rivi → täysleveä hyvä käytettävyys, ei max-widthiä */

.home-previews a.teaser img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .3s ease;
}

.home-previews a.teaser:hover img {
  transform: scale(1.05);
}

/* nykyinen hover-zoom säilyy */

.home-previews {
  max-width: 800px;
  margin: 0 auto;
}