.slayder h1 {
    color: black;
    text-align: center;
    font-family: 'Cormorant Garamond';
    padding-top: 20px;
}




.slayder {
    width: 100%; /* Ajusta el ancho del slider según tus necesidades */
    height: 800px; /* Ajusta la altura del slider según tus necesidades */
    overflow: hidden; /* Oculta cualquier parte de la imagen que exceda los límites del contenedor */
    z-index: 9;
}

.slayder img {
    width: 100%; /* Ajusta el ancho de la imagen para que ocupe todo el contenedor */
    height: 700px; /* Ajusta la altura automáticamente para mantener la proporción de la imagen */
    object-fit: cover; /* Ajusta la forma en que la imagen se ajusta dentro del contenedor */
    z-index: 9;
}