.T2896.S7984 a .caption {
	bottom: 0px;
}.image_grid { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 15px; }
.image_grid .pro100 { flex-basis: 100%; height: auto; overflow: hidden; }
.image_grid .pro50 { flex-basis: calc(50% - 7.5px); height: auto; overflow: hidden; }
.image_grid .pro33 { flex-basis: calc(50% - 7.5px); 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: 568px) {
    .image_grid { gap: 20px; }
    .image_grid .pro50 { flex-basis: calc(50% - 10px); }
    .image_grid .pro33 { flex-basis: calc(33% - 13.3px); }
}

@media all and (min-width: 768px) {
    .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: 1024px) {
    .image_grid { gap: 30px; }
    .image_grid .pro50 { flex-basis: calc(50% - 15px); }
    .image_grid .pro33 { flex-basis: calc(33% - 20px); }
}