/* Aquí establecemos una configuración para cuando el ancho de la pantalla sea inferior a 1024px. */
@media (max-width: 1024px) {

    /* Aquí hacemos que las imágenes ocupen el 90% del ancho disponible. */
    .base {

        width: 90% !important;

        /* Aquí hacemos que la altura se ajuste automáticamente. */
        height: auto !important;
    }
}


/* Aquí establecemos una configuración para cuando el ancho de la pantalla sea inferior a 768px. */
@media (max-width: 768px) {

    /* Aquí hacemos las imágenes más pequeñas para tablets y móviles. */
    .base {

        width: 90% !important;

        /* Aquí hacemos que la altura se adapte automáticamente. */
        height: auto !important;
    }
}


/* Aquí establecemos una configuración para cuando el ancho de la pantalla sea inferior a 480px. */
@media (max-width: 480px) {

    /* Aquí hacemos que las imágenes ocupen prácticamente toda la pantalla. */
    .base {

        width: 100% !important;

        /* Aquí hacemos que la altura se ajuste automáticamente. */
        height: auto !important;
    }
}