.selected-image-container {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}

.selected-image {
  max-width: 100%;
  height: auto;
  max-height: 500px;
}

.thumbnail-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}

.thumbnail-page {
  width: 100vw; /* Set height to 100% of viewport width */
  overflow-x: scroll; /* Enable horizontal scrolling */
  overflow-y: hidden; /* Disable vertical scrolling*/
  flex: 0 0 calc(25% - 1rem);
  display: flex;
  flex-direction: row;
  align-items: center;
}

.thumbnail {
	/* height: 25%;
	width: 25%;
	min-width: 25%; */
	height: 100px;
	display: inline-block;
	background-size: contain;
	display: inline-block;
	border-right: 3px solid #fff;
	cursor: pointer;
  	/* display: flex;
  	flex-wrap: wrap; */
  	justify-content: center;
}

/* .thumbnail img {
  max-width: 100%;
  height: auto;
  max-height: 200px;
} */

.thumbnail-image {
  max-width: 100%;
  height: auto;
  max-height: 200px;
}

.thumbnail-label {
  margin: 0 auto;
  float: left;
  margin-top: 0.5rem;
  font-size: 0.8rem;
  text-align: center;
}