/* Estilos del efecto parallax */

.parallax {
  position: relative;
  height: 100%;
  overflow: hidden;
  padding: 0% 0%;
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.parallax-bg {
  background-image: url('../../assets/img/nemuelybere_1.webp');
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 600px;
  height: 100%;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  will-change: transform;
  z-index: -2;
  opacity: .9;
}

/* Estilos del efecto parallax */

.parallax2 {
  position: relative;
  height: 100%;
  overflow: hidden;
  padding: 0% 0%;
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100%;
}

.parallax-bg2 {
  background-image: url('../../assets/img/nemuelybere_2.jpg');
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 600px;
  height: 100%;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  will-change: transform;
  z-index: -8;
  opacity: 0;
}