.imagen-texto {
  position: relative;}

  .imagen-texto.izquierda .imagen {
    width: 50%;
    display: inline-block;
    position: relative;
    height: 690px;
    background-size: cover;
    background-position: center center;
    z-index: 1;
}

.imagen-texto.derecha .imagen {
  width: 50%;
  display: inline-block;
  position: relative;
  height: 690px;
  background-size: cover;
  background-position: center center;
  z-index: 1;
  margin-left: 50%;
}

.imagen-texto.izquierda .contenido {
  width: 55%;
  display: inline-block;
  background: #FFF;
  padding: 30px;
  z-index: 2;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.imagen-texto.derecha .contenido {
  width: 55%;
  display: inline-block;
  background: #FFF;
  padding: 30px;
  z-index: 2;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  /* margin-top: 30px; */
}

.imagen-texto .contenido h2 {
  font-family: Sua;
  font-size: 40px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: 0.01em;
  text-align: left;
  margin-top: 0px;
}

.imagen-texto .contenido h4 {
  font-family: Poppins;
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.03em;
  text-align: left;
}

.imagen-texto .contenido .texto {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.03em;
  text-align: left;
}


@media only screen and (max-width: 768px) {
  .imagen-texto.izquierda .imagen {
    width: 100%;
    display: inline-block;
    position: relative;
    height: 690px;
    background-size: cover;
    background-position: center center;
    z-index: 1;
}

.imagen-texto.izquierda .contenido {
  width: 100%;
  display: inline-block;
  background: #FFF;
  padding: 30px;
  z-index: 2;
  position: relative;
  right: 0px;
  top: 0%;
  transform: translateY(0%);
}

.imagen-texto.derecha .imagen {
  width: 100%;
  display: inline-block;
  position: relative;
  height: 690px;
  background-size: cover;
  background-position: center center;
  z-index: 1;
  margin-left: 0%;
}

.imagen-texto.derecha .contenido {
  width: 100%;
  display: inline-block;
  background: #FFF;
  padding: 30px;
  z-index: 2;
  position: relative;
  left: 0px;
  top: 0%;
  transform: translateY(0%);
}





}