main {
    section {
        img {
            border-radius: 2em;
        }

        p {
            text-indent: 0;
        }
    }

    @media screen and (1280px <=width) {
        section {
            &:nth-of-type(1) {
                align-items: center;
                grid-template-columns: repeat(6, 1fr);
                grid-template-areas:
                    "_1 _1 _1 _4 _4 _4"
                    "_2 _2 _2 _4 _4 _4"
                    "_3 _3 _3 _4 _4 _4"
                    "_5 _5 _5 _5 _5 _5"
                    "_6 _6 _6 _6 _6 _6";

                h2 {
                    text-align: center;
                    white-space: pre-line;
                    /* margin-bottom: 2em; */
                }

                p:nth-of-type(3) {
                    font-size: 1.75em;
                    font-weight: bold;
                    /* margin-bottom: 1.5em; */
                }

                ul {
                    grid-template-columns: repeat(2, 1fr);
                }
            }
        }
    }
}