Thumbnail pagination for image slides

[wheelerlabs]

I want to use this slider with thumbnails overlayed on the image.
https://codepen.io/ncer/pen/xpqemZ
How would I revise the code to use images as slides instead of text (Slide 1, Slide 2, Slide 3)?
Here is the swiper content I'm using:
<div class="swiper-container" style="display: none;"> <div class="swiper-wrapper"> <div class="swiper-slide"><img src="images/HOME/00.jpg" alt="00" class="respimg"></div> <div class="swiper-slide"><img src="images/HOME/01.jpg" alt="01" class="respimg"></div> <div class="swiper-slide"><img src="images/HOME/02.jpg" alt="02" class="respimg"></div> <div class="swiper-slide"><img src="images/HOME/03.jpg" alt="03" class="respimg"></div> <div class="swiper-slide"><img src="images/HOME/04.jpg" alt="04" class="respimg"></div> <div class="swiper-slide"><img src="images/HOME/05.jpg" alt="05" class="respimg"></div> <div class="swiper-slide"><img src="images/HOME/06.jpg" alt="06" class="respimg"></div> <div class="swiper-slide"><img src="images/HOME/07.jpg" alt="07" class="respimg"></div> <div class="swiper-slide"><img src="images/HOME/08.jpg" alt="08" class="respimg"></div> <div class="swiper-slide"><img src="images/HOME/09.jpg" alt="09" class="respimg"></div> </div> <div class="swiper-pagination"></div> </div>