Where should I put my images slider to be matched with semantic markup in HTML5

Question

I don't know where I should put my image slider - put it in article tag or in figure tag or something else.

I tried this code:

<div class="mainPageImgs">
  <div class="max-width">
    <div class="container">
      <div class="img-cont">
        <img src="assets/images/mainPage.png" alt="moshaf" />
        <img src="assets/images/mainPage.png" alt="moshaf" />
        <img src="assets/images/mainPage.png" alt="moshaf" />
        <img src="assets/images/mainPage.png" alt="moshaf" />
      </div>
    </div>
    <ul class="bullets">
      <li class="active"></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </div>
</div>