section.wrapper {
	width: 100%;
  }
  
  .photo-gallery__wrapper {
	width: min(100%, 622px);
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: right;
	gap: 12px;
  }
  .photo-gallery__wrapper div {
	height: 80px;
	overflow: hidden;
  }
  
  .image-holder {
	width: min(100%, 620px);
	aspect-ratio: 31 / 20;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
  }
  .image-holder img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
  }
  .image-thumbnail img {
	width: 90px;
	height: 80px;
	object-fit: cover;
	transition: transform 0.35s;
	transform: scale(1);
  }
  .image-thumbnail img.active {
	filter: none;
  }
  .image-thumbnail img:hover {
	transition: transform 0.35s, filter 0.35s linear;
	transform: scale(1.12);
	filter: none;
  }

  @media (max-width: 640px) {
	.image-holder {
		aspect-ratio: 16 / 10;
		border-radius: 16px;
		width: 100%;
	}

	.photo-gallery__wrapper {
		flex-wrap: nowrap;
		justify-content: flex-start;
		margin-top: 12px;
		overflow-x: auto;
		padding: 0 2px 8px;
		scroll-snap-type: x proximity;
		-webkit-overflow-scrolling: touch;
	}

	.photo-gallery__wrapper div {
		flex: 0 0 auto;
		height: 64px;
		scroll-snap-align: start;
	}

	.image-thumbnail img {
		width: 76px;
		height: 64px;
		border-radius: 12px;
	}
  }