.container {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 10vh 0 6vh;
    overflow: scroll;
    mask-image: linear-gradient(
        180deg,
        transparent 5%,
        rgb(0 0 0 / 100%) 20%,
        rgb(0 0 0 / 100%) 85%,
        transparent 95%
    );
    transform: translateY(-2rem);

    @media screen and (orientation: portrait) {
        padding: 5vh 0;
    }
}