/* https://youtu.be/yNTHVy_fpAQ?si=h3nYc5yDhqZfNOvt */
body {
  margin: 0;
}

.section {
  display: flex;
  min-height: 100vh;
  position: relative;
}

.image-container {
  position: relative;
  display: flex;
}

.image {
  height: 100vh;
  position: fixed;
  width: 100%;
  top: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  mix-blend-mode: multiply;
  filter: blur(0px);
  opacity: .30;
  transition: filter .25s ease-out, opacity .25s ease-out;
}

.section.active .image {
  opacity: 1;
  filter: blur(0);
}
/* .image {
  height: 100vh;
  position: fixed;
  width: 100%;
  top: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  mix-blend-mode: multiply;
  filter: blur(15px);
  opacity: 0.25;
  transition: filter .25s ease, opacity 0.25s ease;
}

.section.active .image {
  opacity: 1;
  filter: blur(0);
} */