.intro-side-by-side {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 36px;
    padding: 0 20px;
    margin-bottom: 36px;
}

@media (min-width: 64em) {
    .intro-side-by-side {
        display: grid;
        grid-template: auto / minmax(0, 12fr) minmax(0, 11fr);
        gap: 66px;
        padding: 0 30px;
        margin-bottom: 73px;
    }

    .intro-side-by-side .guides-grid {
		aspect-ratio: 597 / 508;
		width: 100%;
        min-height: 508px;
    }

    .slideshow-container .intro-side-by-side {
        margin-top: -98px;
        z-index: 10;
    }

    .slideshow-container .intro-side-by-side .content-cont {
		align-self: center;
        margin-top: 78px;
    }
}

@media (min-width: 90em) {
	.intro-side-by-side {
		grid-template: auto / max-content minmax(0, 1fr);
	}
}