@media screen and (max-width: 1280px) {}

@media screen and (max-width: 991px) {
    .transition .container {
        max-width: 1280px;
        height: auto;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        box-sizing: border-box;
        padding: 5px;
        gap: 0.5em;
    }
    .partners .container {
        max-width: 1280px;
        height: auto;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        box-sizing: border-box;
        padding: 10px;
        gap: 1em;
    }
    .partners .container .row img {
        /* box-shadow: 3px 5px 8px #dbdbdb; */
        border-radius: 50%;
    }
    .poster .container {
        max-width: 1280px;
        height: auto;
        margin: 0 auto;
        padding: 10px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1em;
    }
}