.gallery {
  display: flex;
  flex-wrap: wrap;
}

.thumbnails {
  display: flex;
  /*flex-wrap: wrap;*/
  /*width: 100%;*/
  /*justify-content: center;*/
  overflow-x: auto;
  scrollbar-width: auto;
  scrollbar-color: #3a0505 #ffe1a5;
}

.thumbnails img {
  height: 100px;
  margin: 5px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.thumbnails img:hover {
  transform: scale(1.1);
}

.image-display {
  /*display: flex;*/
  /*justify-content: center;*/
  /*margin: 20px;*/
  margin: 20px auto;
}

#displayed-image {
  /*max-width: 800px;*/
  max-width: 100%;
  max-height: 350px;
}