.m-empires-screenshots {
    color: var(--text-main)
}

.m-empires-screenshots .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    gap: 24px
}

@media (width <= 768px) {
    .m-empires-screenshots .container {
        gap: 16px
    }
}