/* Aseguramos que la página ocupe todo el tamaño de la ventana */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

/* Aseguramos que el contenedor de la imagen ocupe toda la pantalla */
.fullscreen-image {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* Hacemos que la imagen cubra toda la pantalla, sin deformarse */
.fullscreen-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Mantiene la relación de aspecto, recorta si es necesario */
    object-position: center; /* Centra la imagen */
}