#picFrame {
  position: relative; 
  overflow: hidden; 
  margin: 100px auto 0 auto;
  display: flex; 
  justify-content: center; 
  align-items: center; 
  width: 1000px;
  height: 650px;
  outline: solid 2px black; 
}

/*Pic divs start*/
.pic{
  position: absolute;
  transition: left 0.3s;
}

#pic1{
  left: 0px;
}

#pic2{
  left: 1000px;
}

#pic3{
  left: 2000px;
}

#pic4{
  left: 3000px;
}
/*Pic divs end*/

img{
  width: 1000px;
}

.arrow{
  z-index: 2;
  font-size: 35px;
  margin: 570px 55px 0 55px;
  opacity: 60%;
  padding: 15px;
  border-radius: 10px;
  user-select: none;
}

#picSelector{
  position: absolute;
  bottom: 45px;
  width: fit-content;
}

#btnDiv{
  position: absolute;
  bottom: 15px;
  display: flex; 
  justify-content: center;
  gap: 5px;
  opacity: 60%;
}