slider2.html

<div id="component">
	<div id="slider-component-2" class="carousel slide sbackground-image" data-bs-ride="false">
		<div class="carousel-inner">
			<div class="review-headline mb-4">
				<{{review_headline_text_style_tag}} class="style-{{review_headline_text_style_id}}">
					{{{review_headline}}}
				</{{review_headline_text_style_tag}}>
			</div>
			{{#Reviews}}
			<div class="carousel-item slider-component-2 text-center">
				<div class="carousel-content">
					<div class="dynamic-row">
						{{#display_review_image}}
						<div class="dynamic-column">
							<img src="{{{review_image}}}?{{{id}}}" alt="..."
								class="img-fluid align-{{#image_position_Left}}left{{/image_position_Left}}{{#image_position_Right}}right{{/image_position_Right}}">
						</div>
						{{/display_review_image}}
						<div class="author_review dynamic-column">
							<{{reviews_text_style_tag}} class="style-{{reviews_text_style_id}}"> {{{review}}}
							</{{reviews_text_style_tag}}>
						</div>
					</div>
				</div>
			</div>
			{{/Reviews}}
		</div>
		<button class="carousel-control-prev" type="button" data-bs-target="#slider-component-2" data-bs-slide="prev">
			<i class="carousel-control-prev-icon carousel-control-icon-slider-2 {{{left_chevron}}}"></i>
		</button>
		<button class="carousel-control-next" type="button" data-bs-target="#slider-component-2" data-bs-slide="next">
			<i class="carousel-control-next-icon carousel-control-icon-slider-2 {{{right_chevron}}}"></i>
		</button>
	</div>
</div>