/*
 * Keep every Jocey hero asset inside the square circular mask without
 * stretching its intrinsic proportions or leaving an empty lower section.
 */
.sn-main-slider .image-column .image {
	background-color: #e3d7ae;
	aspect-ratio: 1 / 1;
}

.sn-main-slider .image-column .image > img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: none;
	object-fit: cover;
	object-position: center center;
}

/* Keep the dentist's helmet/face in frame when its portrait is square-cropped. */
.sn-main-slider .image-column .image > img[src*="20130330-IMG_3079_0"] {
	object-position: center 32%;
}

/* Avoid width/height rules from the desktop theme reintroducing ovals on phones. */
@media (max-width: 767px) {
	.sn-main-slider .image-column .image,
	.sn-main-slider .image-column .image > img {
		aspect-ratio: 1 / 1;
	}
}