.slider {
  text-align: center;
  width:60%;
  margin:0 auto 30px;
}

.slider img{
 width:100%;
 height:100%;
}

.main-image {

}
.thumbnails {
  display: flex;
  justify-content: left;
  gap: 8px;
  width:20%;
}
.thumb {
  width: 60px;
  height: 45px;
  object-fit: cover;
  cursor: pointer;
  opacity: 0.6;
  border: 2px solid transparent;
  transition: border 0.2s, opacity 0.2s;
}
.thumb.active {
  border: 2px solid #007bff;
  opacity: 1;
}