@media (max-width: 720px) {

    .col {
        flex: inherit;
    }

    .col-4 {
        width: inherit;
    }

    .header .col {
        flex: 1 0 0%;
    }

    .navbar {
        margin-bottom: 86px;
    }

    .header {
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 5;
        position: fixed;
    }

    .bg-image {
        background-image: url("/wp-content/uploads/2025/01/heart.jpg");
        height: 82vh;
        background-size: cover;
        background-position: 56%;
        text-align: center;
    }

    .img-morgane {
        width: 100%;
        height: auto;
    }

    .m-top-50 {
        margin-top: inherit;
    }

    #jour, #heure, #minute, #seconde { 
        padding: 10px 20px; 
        color: white; 
        font-size: 1.5rem; 
        font-weight: bold; 
    }
    #jour_label, #heure_label, #minute_label, #seconde_label { 
        font-size: 1rem; 
    }

}