.T2896.S7984 a .caption {
	bottom: 0px;
}.image_grid { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px; }
.image_grid .pro100 { flex-basis: 100%; height: auto; overflow: hidden; }
.image_grid .pro50 { flex-basis: calc(50% - 15px);  height: auto; overflow: hidden; }
.image_grid .pro33 { flex-basis: calc(33% - 20px); height: auto; overflow: hidden; }


.T2896 .image_grid { width: 100%; }
.T2896 a {
	position: relative;
	display: block;
	overflow: hidden;
}

.T2896 .image_grid .pro100 a { margin: 0 ; }

.T2896 a .caption {
	position: absolute;
	bottom: -50px;
	left: 0px;
	right: 0px;
	background-color: rgba(0,0,0,0.6);
	padding: 10px 0;
	text-align: center;
	color: #FFF;
	transition: bottom 150ms;
	z-index: 10;
	display: block;
}

.T2896 a:hover .caption {
	bottom: 0px;
	transition: bottom 200ms;
}

.T2896 .playbutton {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 50px;
	color: #FFF;
	text-shadow: 0px 0px 10px rgba(0,0,0,0.5)
}

.image_grid img {
	width: 100%;
	height: auto;
	object-fit: cover;
	aspect-ratio: 4 / 3;
}

@media all and (min-width: 768px) and (max-width:1023px) {
	.image_grid { gap: 25px; }
	.image_grid .pro50 { flex-basis: calc(50% - 12.5px); }
	.image_grid .pro33 { flex-basis: calc(33% - 16.5px); }

}

@media all and (min-width: 568px) and (max-width: 767px) {
	.image_grid { gap: 20px; }
	.image_grid .pro50 { flex-basis: calc(50% - 10px); }
	.image_grid .pro33 { flex-basis: calc(33% - 13.3px); }
}

@media all and (max-width: 567px) {
	.image_grid { gap: 15px; }
	.image_grid .pro50 { flex-basis: calc(50% - 7.5px); }
	.image_grid .pro33 { flex-basis: calc(50% - 7.5px) !important; }

}