/* style.css */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body, html {
    height: 100%;
    overflow: hidden; /* Empêche le défilement si l'image prend tout l'écran */
}

img {
    width: 100%;
    height: 100vh;           /* Prend toute la hauteur de l'écran */
    object-fit: cover;       /* L'image remplit l'espace sans se déformer */
    display: block;          /* Supprime l'espace sous l'image */
}

/* Si tu veux seulement une image très large sans forcément prendre toute la hauteur */
img.large {
    width: 100%;
    height: auto;
    display: block;
}