.photo-reel-container {
	white-space: nowrap;
	line-height: 0;
	border-radius: 2px;
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
	min-height: 200px;
	margin: 5px;
}

	.photo-reel {
		display: inline-block;
		position: relative;
		line-height: 0;
		overflow: hidden;
		border-radius: 2px;
		z-index: 1;
		transition-duration: 0.3s;
		height: 200px;
		min-width: 130px;
		flex: 1;
	}

		.photo-reel:hover {
			z-index: 2;
		}

	.photo-reel-image {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition-duration: 0.3s;
	}

		.photo-reel:hover .photo-reel-image {
			transform: scale(1.1);
		}

	.photo-reel-preview {
		object-fit: cover;
		position: absolute;

		left: -9999px;
		right: -9999px;
		top: -9999px;
		bottom: -9999px;
		margin: auto;

		width: calc(100% + 40px);
		height: calc(100% + 40px);

		filter: blur(10px);
	}

@media (max-width: 767px) {

	.photo-reel {
		min-width: 150px !important;
		max-width: none !important;
	}

}