png image in a canvas parallax slider

Hi,

How to insert a png image in a canvas parallax slider in order to replace the title (<h2>)text below?

<div class="swiper-slide dark">
	<div class="container">
		<div class="slider-caption slider-caption-center">
			<h2 data-animate="fadeInUp">Title</h2>
			<p class="d-none d-sm-block" data-animate="fadeInUp" data-delay="200">Subtitle</p>
			<p><a href="URL" data-caption-animate="fadeInUp" data-caption-delay="200" class="button button-3d button-rounded" target="_blank"><i class="icon-phone3"></i>Click Here</a></p>
		</div>
	</div>
	<div class="swiper-slide-bg" style="background-image: url('images/sliders/5.jpg');"></div>
</div>

Thank you,

Hi,

We find a temporary solution:

<section id="slider" class="slider-element slider-parallax swiper_wrapper vh-75" data-autoplay="7000" data-speed="650" data-loop="true">
	<div class="slider-inner">

		<div class="swiper-container swiper-parent">
			<div class="swiper-wrapper">
				
				<div class="swiper-slide dark">
					<div class="container">
						<div class="slider-caption slider-caption-center">
							<h2 data-animate="fadeInUp">Title 1</h2>
							<p class="d-none d-sm-block" data-animate="fadeInUp" data-delay="200">Subtitle 1.</p>
						</div>
					</div>
					<div class="swiper-slide-bg" style="background-image: url('images/sliders/1.jpg');"></div>
				</div>
					
				<div class="swiper-slide dark">
					<div class="container">
						<div class="slider-caption slider-caption-center">
							<!--<h2 data-caption-animate="fadeInUp">Title 2</h2>-->
							<div class="tp-caption ltl tp-resizeme rs-parallaxlevel-1"><p data-animate="fadeInUp" data-delay="200"><img src="images/logo.png" alt="Logo Image"></p></div>
							<p data-animate="fadeInUp" data-delay="200">Subtitle 2.</p>
							<p><a href="https://www.espacolagoaeventos.com.br" data-animate="fadeInUp" data-caption-delay="200" class="button button-3d button-rounded" target="_blank"><i class="icon-phone3"></i>Saiba Mais</a></p>
						</div>
					</div>
					<div class="swiper-slide-bg" style="background-image: url('images/sliders/2.jpg');"></div>
				</div>					
					
			</div>

			<!-- Add Pagination -->
			<div class="swiper-pagination swiper-pagination-white"></div>
			<div class="slider-arrow-left"><i class="icon-angle-left"></i></div>
			<div class="slider-arrow-right"><i class="icon-angle-right"></i></div>
		</div>

	</div>
</section>

We were unable to find documents explaining the image configuration on a slider.

So, please could you check if the above code is correct?

Thank you,