/* Only targets mobile screens smaller than 767px */
@media all and (max-width: 767px) {
	/* Fix the carousel image distortion */
	.carousel-item img {
		width: 100% !important;
		height: 350px !important; /* Adjust this height if you want them taller */
		object-fit: cover !important; 
		object-position: center !important;
	}
	
	/* Ensure the container doesn't stretch */
	.carousel-inner, .carousel-item {
		width: 100% !important;
		margin-left: 0 !important;
		overflow: hidden !important;
	}
}