/* Estilos por defecto para ambos divs */
.desktop {
    display: none; /* Oculta el div desktop por defecto */
}

.mobile {
    display: block; /* Muestra el div mobile por defecto */
}

/* Media query para pantallas de tamaño 768px o más (tablets y escritorios) */
@media screen and (min-width: 768px) {
    .desktop {
        display: block; /* Muestra el div desktop cuando el tamaño de la pantalla es 768px o más */
    }
    .mobile {
        display: none; /* Oculta el div mobile cuando el tamaño de la pantalla es 768px o más */
    }
}