body{
    width: 100%;
    height: 500px; /* Ajusta según tu diseño */
    background-image: url("../img/header.webp");
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../img/header.webp');
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Activa el efecto parallax */
    background-repeat: no-repeat;
}