body {
    margin: 0;
}
.text {
    background: limegreen;
    width: min(80%, 20em);
    position: relative;
    z-index: 1;
    margin: 5em auto 100vh 20%;
    padding: 2em;
}
main {
    position: fixed;
    inset: 0;
    display: flex;
    flex-direction: column;
}
section {
    flex: 1;
    overflow-x: scroll;
}
section div {
    display: flex;
    align-items: center;
    width: 1000vw;
    font-size: 12vmin;
    text-transform: uppercase;
    font-family: monospace;
    letter-spacing: 3em;
    padding-inline: 3em;
    height: 100%;
    background: linear-gradient(to right, aqua, yellow);
}
section:nth-child(2) div{
    background: linear-gradient(to right, yellow, aqua);
}