.section--left .container {
    max-width: var(--max-width);
}

.section--right .container {
    max-width: var(--max-width);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
}

.section--center .container {
    text-align: center;
}

@media (max-width: 768px) {
    .section--right .container {
        align-items: flex-start;
        text-align: left;
    }
}