body { 
    background-color: #fff9c4; /* Amarillo claro */ 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    height: 100vh; 
    margin: 0;
}

.container { 
    display: flex;
    justify-content: center; 
    align-items: center;
    width: 100%;
}

img { 
    width: 50%; /* Por defecto, 50% en móviles */ 
    max-width: 200px; /* Evita que se agrande demasiado */
    height: auto;
}

/* Para tablets y computadoras (pantallas de más de 768px) */ 
@media (min-width: 768px) {
    img { 
        width: 100px; /* Fijo en 100px */
    }
}