.block-quotes {
	padding-inline: 1em !important;
	.col-image {
		padding-left: 2em;
		padding-right: 1em;
	}
	.quote-image-container {
		width: min(100%, 90px);
		position: relative;
		margin: auto auto 2em;
		&::before {
			content: '';
			display: block;
			position: absolute;
			inset: 24px auto auto -8px;
			width: min(90%, 80px);
			height: auto;
			aspect-ratio: 1/.95;
			background-color: var(--secondary);
		}
		img {
			position: relative;
		}
	}
	.quote-text.sm,
	.quote-text.xs {
		line-height: 1.2;	
	}
}

.block-quotes.bg-secondary {
	.quote-image-container::before {
		background-color: var(--primary);
	}
}

@container (min-width: 32em) {
	.block-quotes .slide .columns-1 {
		--cols: 4;

	}
}