body {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center; /* Centrar verticalmente en todos los dispositivos */
    height: 100vh; /* Hacer que el cuerpo ocupe toda la altura del viewport */
    background-color: #f7f7f7; /* Color de fondo de la página */
}

.contenedor {
    text-align: center; /* Centrar horizontalmente la imagen en todos los dispositivos */
}

img {
    max-width: 100%; /* Hacer que la imagen sea adaptable a dispositivos móviles */
    height: auto; /* Mantener la proporción de la imagen */
}

/* Media Query para centrar la imagen solo en pantallas de escritorio */
@media (min-width: 768px) {
    .contenedor {
        display: block; /* Restablecer la alineación horizontal a su valor predeterminado */
        margin: 0 auto; /* Centrar horizontalmente la imagen en pantallas de escritorio */
    }
}