/* Reset básico */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html,
body{
    width:100%;
    height:100%;
}

/* Contenedor principal */
.contenedor-principal{
    width:100%;
    height:100vh;

    display:flex;
    justify-content:center;
    align-items:center;

    overflow:hidden;
}

/* Caja de la imagen */
.contenedor-imagen{
    width:40%;
    max-width:500px;
    min-width:180px;
}

/* Imagen adaptable */
.contenedor-imagen img{
    display:block;
    width:100%;
    height:auto;
}