@-webkit-keyframes wave {
  0% {
    transform: rotateZ(0deg) translate3d(0, 10%, 15px) rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg) translate3d(0, 10%, 15px) rotateZ(-360deg);
  }
}
@keyframes wave {
  0% {
    transform: rotateZ(0deg) translate3d(0, 10%, 15px) rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg) translate3d(0, 10%, 15px) rotateZ(-360deg);
  }
}

.background_blanco{
  bottom: 0 !important;
}

.background {
height: 100%;
    width: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    top: -25%;
    opacity: 0.8;
}
.background_image {
  position: absolute;
  width: 100%;
  height: 100%;
  margin-left: 0;
  margin-top: -22%;
  left: 0;
  top: 0;
  bottom: 0;
  background: #fff0;
  background-size: cover;
  will-change: transform;
}
.background_image img {
  opacity: 0.3;
  position: absolute;
  max-width: 90%;
}
.background_image-smoke-cloud1 {
  -webkit-animation: wave 8s 0.1s infinite linear;
          animation: wave 8s 0.1s infinite linear;
  display: block;
  right: 40%;
  bottom: -2%;
}
.background_image-smoke-cloud2 {
  left: -14%;
  bottom: -1%;
  -webkit-animation: wave 9s 0.1s infinite linear;
          animation: wave 9s 0.1s infinite linear;
}
.background_image-smoke-cloud3 {
  right: -8%;
  bottom: -10%;
  -webkit-animation: wave 10s 0.1s infinite linear;
          animation: wave 10s 0.1s infinite linear;
}



/* background 2 */

@-webkit-keyframes wave_2 {
  0% {
    transform: rotateZ(0deg) translate3d(0, 20%, 30px) rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg) translate3d(0, 20%, 30px) rotateZ(-360deg);
  }
}
@keyframes wave_2 {
  0% {
    transform: rotateZ(0deg) translate3d(0, 20%, 30px) rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg) translate3d(0, 20%, 30px) rotateZ(-360deg);
  }
}

.background2 {
height: 100%;
    width: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    bottom: -5%;
}
.background_image2 {
  position: absolute;
  width: 100%;
  height: 100%;
  margin-left: 0;
  margin-top: -12%;
  left: 0;
  top: 0;
  bottom: 0;
  background: #fff0;
  background-size: cover;
  will-change: transform;
}
.background_image2 img {
  opacity: 0.3;
  position: absolute;
  max-width: 90%;
}
.background_image-smoke-cloud1_2 {
  -webkit-animation: wave_2 15s 0.1s infinite linear;
          animation: wave_2 15s 0.1s infinite linear;
  display: block;
  right: 40%;
  bottom: -2%;
}
.background_image-smoke-cloud2_2 {
  left: -14%;
  bottom: -1%;
  -webkit-animation: wave_2 16s 0.1s infinite linear;
          animation: wave_2 16s 0.1s infinite linear;
}
.background_image-smoke-cloud3_2 {
  right: -8%;
  bottom: -10%;
  -webkit-animation: wave_2 17s 0.1s infinite linear;
          animation: wave_2 17s 0.1s infinite linear;
}