/** Shopify CDN: Minification failed

Line 9:2 Cannot use type selector "-wrapper" directly after nesting selector "&"

**/
.about {
	font-size: 20px;

	&-wrapper {
		margin: var(--gutter-article);
	}

	img {
		position: absolute;
		width: auto;
	    height: auto;
		max-height: 70vh;
		max-width: 70vw;
		margin-top: -10%;
		opacity: 0;
		transform: translateY(-10px);
		transition: all .5s ease;
		transition-delay: .1s;
		z-index: -1;
	}

	img.active {
		transform: translateY(0);
		opacity: 1;
		z-index: 0;
	}

	img:nth-of-type(odd) {
		right: var(--gutter-article);
	}

	strong {
		font-family: var(--font-heading-family);
		text-transform: uppercase;
		font-size: 28px;
		line-height: 20px;
	}
}