/* 1. Reglas generales para hacer la imagen fluida (Responsive) */
#imagen-aniversario {
    /* Establece un ancho inicial del 100% del contenedor, manteniendo la proporción */
    width: 100%; 
    height: auto; 
    display: block; /* Asegura que la imagen no tenga espacios extra debajo */
}

/* 2. Reglas específicas para dispositivos celulares (Media Query) */
@media only screen and (max-width: 600px) {
    /* Estas reglas se aplican cuando el ancho de la pantalla es de 600px o menos (celulares) */
    #imagen-aniversario {
        /* Asegura que la imagen ocupe todo el ancho del dispositivo (visualización completa) */
        width: 30%; 
        height: auto; 
        
        /* IMPORTANTE: Si la imagen está dentro de un contenedor que la restringe, 
           podría ser necesario también asegurar que ese contenedor no tenga un ancho fijo. */
    }
}