ACFリッチエディターで、Smart Sliderを選択して表示

<div class="acfss_container">
	<div class="acfss_wrapper">
		<div class="acf_ss">
			<?php the_field('add_donutslider'); ?>
		</div>
		<div class="acf_spec">
			<h3><?php the_field('add_donutname'); ?></h3>
			<div class="acf_charge">$<?php echo number_format(get_field('add_donutprice')); ?></div>
		</div>
	</div>
	<div class="acfss_content">
		<div class="acfss_contentwrapper">
			<div class="acfss_excerpt">商品説明</div>
			<h4><?php the_field('add_donutheading'); ?></h4>
			<p><?php the_field('add_donutexplanation'); ?></p>
		</div>
	</div>
</div>

.acfss_container{
  	background: linear-gradient(to bottom , #cccccc 30px, #005034 30px);
}
	
.acfss_container .acf_ss{
	width: 100%;	
}
	
.acfss_container .acf_spec{
	width: 100%;
	padding: 3em 10%;
	color: #ffffff;
}
	
.acf_charge{
	font-size: 1.5em;
	font-weight: 400;
	padding-top: 1em;
	line-height: 1.3;
}
	
.acfss_content{
	width: 100%;
	padding: 3em 10%;
	background: #fff;
}
	
.acfss_excerpt{
	color: #aaa;
	padding-bottom: 2em;
	font-weight: 400;
}
	
.acfss_contentwrapper{
	max-width: 1600px;
	margin: auto;
}

@media screen and (min-width: 1250px) {

	.acfss_wrapper{
		width: 80%;
		max-width: 1600px;
		display: flex;
		flex-wrap: wrap;
		margin: auto;	
	}
	
	.acfss_container .acf_ss{
		width: 50%;
		padding-bottom: 3em;
	}
	
	.acfss_container .acf_spec{
		width: 50%;
		padding: 3em;
	}
}