@media(prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth
  }
}

section + p {margin:0;}


.image-container {
  overflow: hidden;
  position: relative;
  display: block;
  text-align: center;
}

.zoom-effect {
  transition: transform 0.5s ease, filter 0.5s ease;
  filter: brightness(0.8);
}

.nojas-effect {
  transition: transform 0.5s ease, filter 0.5s ease;

}

.image-container:hover .zoom-effect {
  transform: scale(1.17);
  filter: none; 
}

#scrollImage {
  transition: filter 0.1s ease; /* Smooth transition for the filter property */
}
.blur {
  filter: blur(15px); /* Blur effect */
}