/* Ajustes de opacidad para la imagen del header y tamaño del video reel */

/* Reducir la opacidad de la imagen del header en un 20% */
.about-image img {
    opacity: 0.8; /* Reducción del 20% de opacidad */
}

/* Aumentar el tamaño del video reel en un 15% adicional */
.modal-content {
    width: 90%;
    max-width: 1196px; /* Aumentado un 15% adicional desde 1040px (1040 * 1.15 = 1196) */
}

/* Ajustes para dispositivos móviles */
@media (max-width: 768px) {
    .modal-content {
        width: 95%;
        max-width: 748px; /* Aumentado un 15% adicional desde 650px (650 * 1.15 = 748) */
    }
}

@media (max-width: 480px) {
    .modal-content {
        width: 95%;
        max-width: 483px; /* Aumentado un 15% adicional desde 420px (420 * 1.15 = 483) */
    }
}