.slidecontainer{
  height: 60vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;

}

h1 {
  text-align: center;
  margin: 30px 0;
}


.slider-wrapper {
  width: 1349px;
  height: 500px;
  background: #000;
  overflow: hidden;
}

.inner-wrapper {
  width: 500%;
  height: 100%;
  position: relative;
  left: -100%;
}


.slide {
  width: calc(100%/5);
  height: 100%;
  background-image:url(../img/1.jpg);
   background-size: cover; 
   background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 100px;
  font-weight: 700;
  float: left;
}
.button {
  width: 30px;
  height: 30px;
  border-top: 2px solid white;
  position: absolute;
  cursor: pointer;

}

.prev {
  border-left: 2px solid white;
  left: 100px;
  transform: rotate(-45deg);
}

.next {
  border-right: 2px solid white;
  right: 100px;
  transform: rotate(45deg);
}