/* css styles */

/* Make all images responsive and mobile-friendly */
img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 1rem auto;
}

/* Ensure figures are also responsive */
figure {
    max-width: 100% !important;
    margin: 1rem auto;
    text-align: center;
}

figure img {
    max-width: 100% !important;
    height: auto !important;
}

/* Mobile-specific image adjustments */
@media (max-width: 768px) {
    img, figure img {
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
    }
    
    figure {
        margin: 0.5rem auto;
    }
}