
/* Media queries para hacer el diseño responsive */
@media screen and (max-width: 576px) {
    /* Estilos para pantallas de hasta 768px de ancho */
    .img-container {
        max-width: 100%; /* Cambia el ancho máximo al 100% */
    }
    .col-sm-10 {
        width: 100%; /* Ajusta la anchura de la columna al 100% */
        margin-right: 0; /* Elimina el margen derecho */
    }
    .col-sm-1 {
        display: none; /* Oculta la columna vacía */
    }
}

/* Estilos adicionales */
.padding-left {
    padding-left: 15px; /* Agrega espacio a la izquierda */
}
