@layer addon {

    .templateCollection.collectionPerson {
        &.single {
            .media {
                @media (min-width: 56em) {
                    grid-column: 2 / span 4;
                }
                @media (--min-fablet) {
                    grid-column: 2 / span 4;
                }
            }
            .inner {
                @media (min-width: 56em) {
                    grid-column: 7 / span 5;
                }
                @media (--min-fablet) {
                    grid-column: 7 / span 5;
                }
            }
        }
    }
}