/**
 * Responsive Slider Optimization
 * Optimizes slider images for different screen sizes
 */

/* Responsive image sizing for slider */
.intro-slider .image {
	will-change: background-image;
	background-size: cover;
	background-position: center;
}

/* Performance optimization: reduce motion for animations */
@media (prefers-reduced-motion: reduce) {
	.intro-slider.carousel-slider,
	.intro-slider .slide,
	.intro-slider .image {
		animation: none !important;
		transition: none !important;
	}
}