.promotional-images {
    display: flex;
    justify-content: center;

    gap: 12.5px;
    margin: 13.5px 7.5px 0;
}

.promotional-images .cms-block-static {
    width: 578px;
    height: 252px;
}

.promotional-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .35);
}

/* Styles for mobile version */
@media only screen and (max-width: 767px) {
    .promotional-images {
        display: block; /* Change to block to display images one below the other */
        margin: 5px auto -15px; /* Center the container */
    }

    .promotional-images a {
        display: block; /* Make anchor elements block-level */
        margin-bottom: 0; /* Space between images */
        max-width: 578px; /* But do not exceed maximum width */
    }

    .promotional-images a:not(:last-child) {
        margin-bottom: 3px; /* Separation between images */
    }

    .promotional-images img {
        width: 100%; /* Images occupy full width of container */
        height: auto; /* Height adjusts automatically to maintain aspect ratio */
        box-shadow: 0 0 9px 0 rgba(0, 0, 0, .35);
    }
}