.hero-pad-carousel {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.hero-pad-carousel .carousel-track {
	display: flex;
	transition: transform 0.5s ease-in-out;
	width: 300%; /* 3 images */
}

.hero-pad-carousel .carousel-slide {
	width: 33.333%;
	flex-shrink: 0;
}

.hero-pad-carousel .carousel-slide img {
	width: 100%;
	height: auto;
	object-fit: cover;
	max-height: 500px;
}

.hero-pad-carousel.editor-mode {
    border: 1px dashed #ccc;
    padding: 20px;
    text-align: center;
    background: #f9f9f9;
}