.image-block {
    width: 100%;
    margin: 2rem 0;
}

.image-block__img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Desktop image - visible by default, hidden on mobile */
.image-block__img--desktop {
    display: block;
}

/* Mobile image - hidden by default, visible on mobile */
.image-block__img--mobile {
    display: none;
}

/* Same image for both - always visible */
.image-block__img--desktop.image-block__img--mobile {
    display: block;
}

.image-block__source {
    text-align: center;
    font-family: 'Lexend', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #999;
    margin-top: 0.75rem;
    padding: 0 1rem;
    line-height: 1.5;
}

/* Responsive - show mobile image on small screens */
@media (max-width: 768px) {
    .image-block__img--desktop:not(.image-block__img--mobile) {
        display: none;
    }
    
    .image-block__img--mobile {
        display: block;
    }
    
    .image-block__source {
        font-size: 12px;
        margin-top: 0.5rem;
    }
}