.image-block {
    display: flex;
    justify-content: center;
    margin: 20px 0;
    border-radius: 12px !important;
    padding: 20px;
    background-color: #F4F6FA;
}

.image-block__img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px !important;
}

/* Desktop size variations */
.image-block--small {
    max-width: 25%;
}

.image-block--medium {
    max-width: 50%;
}

.image-block--large {
    max-width: 75%;
}

.image-block--full {
    max-width: 100%;
}

/* Mobile responsiveness - all images full width on mobile */
@media (max-width: 768px) {
    .image-block--small,
    .image-block--medium,
    .image-block--large,
    .image-block--full {
        max-width: 100%;
    }
}