scss-library/components/01_Layouts/contentCrop/_contentCrop.scss

@mixin RV-ContentCrop--bottom {
	img {
		object-position: botom;
	}
}

@mixin RV-ContentCrop--top {
	img {
		object-position: top;
	}
}

@mixin RV-ContentCrop--right {
	img {
		object-position: right;
	}
}

@mixin RV-ContentCrop--left {
	img {
		object-position: left;
	}
}

@mixin RV-ContentCrop--center {
	img {
		object-position: center;
	}
}

@mixin RV-ContentCrop{
	&,* {
		overflow: hidden;
		word-break: break-all;
	}

	img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	&--left {
		@include RV-ContentCrop--left;
	}

	&--center {
		@include RV-ContentCrop--center;
	}

	&--top {
		@include RV-ContentCrop--top;
	}

	&--bottom {
		@include RV-ContentCrop--bottom;
	}

	&--center {
		@include RV-ContentCrop--center;
	}
}

.RV-ContentCrop__Container {
	@include RV-ContentCrop;
}