.wave {
  position: absolute;
  z-index: -1;
  top: 0;
  width: 100%;
  height: 200px;
}

@media (min-width: 768px) {
  .wave {
    height: 700px;
  }
}

.wave-chalet {
  background: 
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="500"><path d="M0 48 C30 60 38 40 64 48 L64 64 L0 64 Z" fill="white" stroke="none"/></svg>') bottom,
    url("https://y.cdrst.com/foto/hotel-sf/c1014/granderesp/chalet-hotel-iori-habitacion-f906c14.jpg") bottom/cover;
}

@media (min-width: 768px) {
  .wave-chalet {
    background: 
      url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="2000"><path d="M0 48 C20 52 44 40 64 48 L64 64 L0 64 Z" fill="white" stroke="none"/></svg>') bottom,
      url("https://y.cdrst.com/foto/hotel-sf/c1014/granderesp/chalet-hotel-iori-habitacion-f906c14.jpg") bottom/cover;
  }
}

.wave-restaurant {
  background: 
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="500" ><path d="M0 48 C30 60 38 40 64 48 L64 64 L0 64 Z" fill="white" stroke="none"/></svg>') bottom,
    url("https://www.dyhotels.com/wp-content/uploads/background-restaurant.webp") top / cover;
}

@media (min-width: 768px) {
  .wave-restaurant {
    background: 
      url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="2000" ><path d="M0 48 C20 52 44 40 64 48 L64 64 L0 64 Z" fill="white" stroke="none"/></svg>') bottom,
      url("https://www.dyhotels.com/wp-content/uploads/background-restaurant.webp") top / cover;
  }
}

.wave-promociones {
  background: 
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="500" ><path d="M0 48 C30 60 38 40 64 48 L64 64 L0 64 Z" fill="white" stroke="none"/></svg>') bottom,
    url("https://www.dyhotels.com/wp-content/uploads/background-promociones.jpg") top / cover;
}

@media (min-width: 768px) {
  .wave-promociones {
    background: 
      url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="2000" ><path d="M0 48 C20 52 44 40 64 48 L64 64 L0 64 Z" fill="white" stroke="none"/></svg>') bottom,
      url("https://www.dyhotels.com/wp-content/uploads/background-promociones-desktop.jpg") bottom / cover;
  }
}

.wave-eventos {
  background: 
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="500" ><path d="M0 48 C30 60 38 40 64 48 L64 64 L0 64 Z" fill="white" stroke="none"/></svg>') bottom,
    url("https://www.dyhotels.com/wp-content/uploads/2022/07/dynamic-fondo-eventos.jpg") top / cover;
}

@media (min-width: 768px) {
  .wave-eventos {
    background: 
      url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="2000" ><path d="M0 48 C20 52 44 40 64 48 L64 64 L0 64 Z" fill="white" stroke="none"/></svg>') bottom,
      url("https://www.dyhotels.com/wp-content/uploads/2022/07/dynamic-fondo-eventos.jpg") top / cover;
  }
}

.wave-deporte {
  background: 
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="500" ><path d="M0 48 C30 60 38 40 64 48 L64 64 L0 64 Z" fill="white" stroke="none"/></svg>') bottom,
    url("https://www.dyhotels.com/wp-content/uploads/2021/07/dynamic-fondo-deporte.jpg") top / cover;
}

@media (min-width: 768px) {
  .wave-deporte {
    background: 
      url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="2000" ><path d="M0 48 C20 52 44 40 64 48 L64 64 L0 64 Z" fill="white" stroke="none"/></svg>') bottom,
      url("https://www.dyhotels.com/wp-content/uploads/2021/07/dynamic-fondo-deporte.jpg") top / cover;
  }
}

.wave-blog {
  background: 
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="500" ><path d="M0 48 C30 60 38 40 64 48 L64 64 L0 64 Z" fill="white" stroke="none"/></svg>') bottom,
    url("https://www.dyhotels.com/wp-content/uploads/2021/07/dynamic-fondo-deporte.jpg") top / cover;
}

@media (min-width: 768px) {
  .wave-blog {
    background: 
      url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="2000" ><path d="M0 48 C20 52 44 40 64 48 L64 64 L0 64 Z" fill="white" stroke="none"/></svg>') bottom,
      url("https://www.dyhotels.com/wp-content/uploads/2021/07/dynamic-fondo-deporte.jpg") top / cover;
  }
}

.wave-silla {
  background: 
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="500"><path d="M0 48 C30 60 38 40 64 48 L64 64 L0 64 Z" fill="white" stroke="none"/></svg>') bottom,
    url("https://www.dyhotels.com/wp-content/uploads/hotel-alain-by-dynamic-group-silla-valencia.webp") bottom/cover;
}

@media (min-width: 768px) {
  .wave-silla {
    background: 
      url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="2000"><path d="M0 48 C20 52 44 40 64 48 L64 64 L0 64 Z" fill="white" stroke="none"/></svg>') bottom,
      url("https://www.dyhotels.com/wp-content/uploads/hotel-alain-by-dynamic-group-silla-valencia-mobile.webp") bottom/cover;
  }
}