.templateHomepageContent {
    .inner {
        align-items: flex-start;
        @media (min-width: 56em) {
            .intro {
                width: 50%;
            }
        }
        @media (--min-fablet) {
            .intro {
                width: 50%;
            }
        }
    }
    .grid {
        .content {
            grid-column: span 5;
        }
        .quote {
            grid-column: 7 / span 6;
        }
        @media (max-width: 56em) {
            .content, .quote {
                grid-column: span 12;
            }
            .content {
                order: 2;
            }
            .quote {
                order: 1;
            }
        }
        @media (--max-fablet) {
            .content, .quote {
                grid-column: span 12;
            }
            .content {
                order: 2;
            }
            .quote {
                order: 1;
            }
        }
    }
}