.ct-image-container {
	> [class*='ct-ratio'] {
		width: 100%;
		height: 0;
		padding-bottom: 100%;
	}
}

.ct-image-container {
	display: var(--display, inline-flex);
	position: relative;
	width: 100%;
	z-index: 0;
	overflow: hidden;
	-webkit-mask-image: -webkit-radial-gradient(white, black);

	img, picture {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
		border-radius: inherit;
		object-fit: cover;
		object-position: center center;
	}
}