Image carousel isn't working

I can get the carouel to show up just fine, but no matter what I do the images won't cycle when I click the buttons. What am I missing? I'm new to bootstrap and would appreciate any help.

<div id="carousel1" class="carousel slide" data-ride="carousel">

<ol class="indicator">

<li data-target="#carousel1" data-slide-to="0" class="active"></li>

<li data-target="#carousel1" data-slide-to="1"></li>

<li data-target="#carousel1" data-slide-to="2"></li>

<li data-target="#carousel1" data-slide-to="3"></li>

<li data-target="#carousel1" data-slide-to="4"></li>

<li data-target="#carousel1" data-slide-to="5"></li>

</ol>

<div class="carousel-inner">

<div class="carousel-item active">

<img class="mx-auto d-block w-50" src="images/Vegeta.png" alt="Vegeta">

</div>

<div class="carousel-item">

<img class="mx-auto d-block w-50" src="images/Ginga\_Hagane.png" alt="Gingka Hagane">

</div>

<div class="carousel-item">

<img class="mx-auto d-block w-50" src="images/Megamind.png" alt="Megamind">

</div>

<div class="carousel-item">

<img class="mx-auto d-block w-50" src="images/Beyonce.jpg" alt="Beyonce">

</div>

<div class="carousel-item">

<img class="mx-auto d-block w-50" src="images/Black-Diamond.jpg" alt="Black Diamond">

</div>

<div class="carousel-item">

<img class="mx-auto d-block w-50" src="images/Korra.png" alt="Fortnite Korra">

</div>

</div>

<a class="carousel-control-prev" href="#carousel1" role="button" data-slide="prev">

<span class="carousel-control-prev-icon" aria-hidden="true"></span>

<span class="sr-only">Previous</span>

</a>

<a class="carousel-control-next" href="#carousel1" role="button" data-slide="next">

<span class="carousel-control-next-icon" aria-hidden="true"></span>

<span class="sr-only">Next</span>

</a>

</div>

(this is a meme thing don't mind the content)