Легкий адаптивный полноэкранный слайдер

<div class="gasolad">
  <div id="vakanedum-left" class="vakanedum"></div>
  <div id="desantudsam-dasekined">
  <div class="kasensukaned kasensukaned1">
  <div class="kasensukaned-content">
  <span>Скрипты</span>
  </div>
  </div>
  <div class="kasensukaned kasensukaned2">
  <div class="kasensukaned-content">
  <span>Шаблоны</span>
  </div>
  </div>
  <div class="kasensukaned kasensukaned3">
  <div class="kasensukaned-content">
  <span>ZORNET.RU</span>
  </div>
  </div>
  </div>
  <div id="vakanedum-right" class="vakanedum"></div>
</div>

body,
#desantudsam-dasekined,
.gasolad,
.kasensukaned-content {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
  height: 100vh;
  overflow-x: hidden;
}

.gasolad {
  position: relative;
}

.kasensukaned {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.kasensukaned1 {
  background-image: url("Ссылка на изображение №1");
}
.kasensukaned2 {
  background-image: url("Ссылка на изображение №2");
}
.kasensukaned3 {
  background-image: url("Ссылка на изображение №3");
}

.kasensukaned-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.kasensukaned-content span {
  font-size: 5rem;
  color: #fff;
}

.vakanedum {
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -35px;
  width: 0;
  height: 0;
  border-style: solid;
}

#vakanedum-left {
  border-width: 30px 40px 30px 0;
  border-color: transparent #fff transparent transparent;
  left: 0;
  margin-left: 30px;
}

#vakanedum-right {
  border-width: 30px 0 30px 40px;
  border-color: transparent transparent transparent #fff;
  right: 0;
  margin-right: 30px;
}

let sliderImages = document.querySelectorAll(".kasensukaned"),
  arrowLeft = document.querySelector("#vakanedum-left"),
  arrowRight = document.querySelector("#vakanedum-right"),
  current = 0;

// Clear all images
function reset() {
  for (let i = 0; i < sliderImages.length; i++) {
  sliderImages[i].style.display = "none";
  }
}

function startSlide() {
  reset();
  sliderImages[0].style.display = "block";
}

function slideLeft() {
  reset();
  sliderImages[current - 1].style.display = "block";
  current--;
}

function slideRight() {
  reset();
  sliderImages[current + 1].style.display = "block";
  current++;
}

arrowLeft.addEventListener("click", function() {
  if (current === 0) {
  current = sliderImages.length;
  }
  slideLeft();
});

arrowRight.addEventListener("click", function() {
  if (current === sliderImages.length - 1) {
  current = -1;
  }
  slideRight();
});

startSlide();