section {
  scroll-snap-align: center;
}

body {
  margin: 0;
}

.sectionComparador {
  margin-top: 2rem;
  position: relative;
  width: 100%;
  height: 100vh;
  background: transparent;
  overflow: hidden;
  outline: 1px solid blues;
  z-index: 1; /* para evitar que tape a lo que viene después si no tiene que estar arriba */
}

.black-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0;
  pointer-events: none;
  z-index: 99;
}

.block-comparador {
  position: absolute;
  opacity: 0;
  /* para ocultar al inicio */
}

.block-comparador img {
  width: 900px;
}

@media screen and (max-width: 1541px) {
  .block-comparador img {
    width: 800px;
  }
}

@media screen and (max-width: 1441px) {
  .block-comparador img {
    width: 750px;
  }
}

.moto-izquierda {
  top: 10%;
  left: 0%;
  transform: translateY(-20%);
}

.texto-centro {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 999;
}

.moto-derecha {
  top: 10%;
  right: 0%;
  transform: translateY(-20%);
}

@media screen and (max-width: 768px) {
  .texto-centro {
    text-align: center;
  }
}