.main-image-entry {
    --image-gap: 28px;
    --component-margin-top: 60px;
    width: 100%;
    font-family: "Ubuntu", sans-serif;
    margin-top: var(--component-margin-top, 0);
}

    .main-image-entry .image-entry-container {
        width: 1248px;
        max-width: 100%;
        margin: 0 auto;
        padding: 0 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: calc((var(--image-gap, 28) / 1200) * 100%);
    }

        .main-image-entry .image-entry-container .image-entry-item img {
            width: 100%;
            height: 100%;
        }