<div class="carousel-container">
  <div id="myCarousel" class="carousel slide">
    <div class="carousel-inner">
      <div class="item active">
        <img   
          src="https://placeholder.pics/svg/500x200/DEDEDE/555555/Slide%201"
          alt="First slide"
          data-holder-rendered="true"
        />
      </div>
      <div class="item">
        <img
          src="https://placeholder.pics/svg/500x200/1A12FF/DCE9FF/Slide%202"
          alt="Second slide"
          data-holder-rendered="true"
        />
      </div>
    </div>
  </div>
  <a
    href="javascript:alert('XSS href')"
    class="left"
    role="button"
    data-slide="prev"
  >
    Previous (XSS)
  </a>
  <a
    data-target="#myCarousel"
    class="right"
    role="button"
    data-slide="next"
  >
    Next (normal)
  </a>
</div>

body {
  padding: 1rem;
}

.carousel-container {
  width: 400px;
}

.right {
  float: right;
}