p.img-caption {
    font-size: 14px;       /* Desktop size */
    line-height: 1.4;
    text-align: left;
    color: #666;           /* Slightly muted for captions */
    margin-top: 6px;       /* Small gap above caption */
}

/* Smaller screens (tablets & phones) */
@media (max-width: 768px) {
    p.img-caption {
        font-size: 12px;   /* Smaller font for mobile */
        line-height: 1.3;
        margin-top: 4px;   /* Slightly smaller spacing */
    }
}