.eco-quote {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-column-gap: var(--wp--preset--spacing--60);
}

.eco-quote__figure {
	grid-area: 1 / 1 / 3 / 4;
	margin: 0;
	mask: url("data:image/svg+xml,%3Csvg width='335' height='225' viewBox='0 0 335 225' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M312.305 0.611775C324.603 0.611822 334.572 10.6407 334.572 23.0119L334.571 202.208C334.571 214.579 324.601 224.608 312.304 224.608L22.8385 224.607C10.5408 224.607 0.571662 214.578 0.571808 202.207L0.572958 104.826C0.584633 98.2417 2.09556 91.7392 4.99993 85.7739C7.9043 79.8086 12.1319 74.5246 17.387 70.2918L95.8834 11.5681C101.856 6.73727 118.046 0.438885 125.855 0.61106L312.305 0.611775Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
	mask-repeat: no-repeat;
	mask-position: top;
	mask-size: contain;

	-webkit-mask: url("data:image/svg+xml,%3Csvg width='335' height='225' viewBox='0 0 335 225' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M312.305 0.611775C324.603 0.611822 334.572 10.6407 334.572 23.0119L334.571 202.208C334.571 214.579 324.601 224.608 312.304 224.608L22.8385 224.607C10.5408 224.607 0.571662 214.578 0.571808 202.207L0.572958 104.826C0.584633 98.2417 2.09556 91.7392 4.99993 85.7739C7.9043 79.8086 12.1319 74.5246 17.387 70.2918L95.8834 11.5681C101.856 6.73727 118.046 0.438885 125.855 0.61106L312.305 0.611775Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: top;
	-webkit-mask-size: contain;
}

.eco-quote__figure img {
	aspect-ratio: 334/224;
	width: 100%;
	overflow: hidden;
	object-fit: cover;
	border-radius: var(--radius-default);
}

.eco-quote__text {
	grid-area: 1 / 4 / 2 / 8;
	margin: 0;
	font-style: italic;
	font-weight: 700;
	font-size: var(--wp--preset--font-size--xxl);
	padding-left: var(--wp--preset--spacing--60);
	/* padding-bottom: var(--wp--preset--spacing--60); */
}

.eco-quote__text::before {
	content: "\"";
}

.eco-quote__text::after {
	content: "\"";
}

.eco-quote cite {
	grid-area: 2 / 4 / 3 / 8;
	color: var(--wp--preset--color--primary);
	padding-bottom: var(--wp--preset--spacing--40);
}

.eco-quote__text,
.eco-quote cite {
	padding-left: var(--wp--preset--spacing--60);
	border-left: 2px solid var(--wp--preset--color--primary-light);
}

@media screen and (max-width: 960px){

	.eco-quote {
		display: flex;
		flex-direction: column;
	}

	.eco-quote__text,
	.eco-quote cite {
		border-left: 0;
	}
	.eco-quote__text {
		font-size: var(--wp--preset--font-size--l);
	}
		

	.eco-quote__figure,
	.eco-quote__text,
	.eco-quote cite {
		padding-left: var(--wp--preset--spacing--60);
		padding-right: var(--wp--preset--spacing--60);
		margin-bottom: var(--wp--preset--spacing--40);
	}

}