/* Reset */



* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}



/* Base */



html,

body {

    width: 100%;

    height: 100%;

    font-family: Arial, Helvetica, sans-serif;

    background: #000;

    overflow: hidden;

}



body {

    display: flex;

    justify-content: center;

    align-items: center;

}



/* Container */



.container {

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: center;

    /* align-items: center; */

}



/* Immagini */



.container img {

    max-width: 100%;

    max-height: 100%;

    width: auto;

    height: auto;

    object-fit: contain;

    display: block;

}



/* Desktop */



.desktop-image {

    display: block;

}



.mobile-image {

    display: none !important;

}



/* Mobile */



@media (max-width: 768px) {



    .desktop-image {

        display: none !important;

    }



    .mobile-image {

        display: block !important;

        width: 100%;

        height: auto;

    }



    .container {



    align-items: center;

}



}