.mb-img-hover-box img {
    height: 460px;
    object-fit: cover;
    object-position: center center;
}

.mb-img-hover-box {
    cursor: pointer;
    position: relative;
	    width: 280px;
    height: 460px;
}

.mb-img-hover-box:hover img {
    width: 460px ;
    transition: 1.5s ;
}

.mb-img-hover-box:hover {
    width: 460px ;
    transition: 1.5s ;
}

.mb-img-hover-box:hover .mb-img-hover-box-title {
    transition: 1.5s ;
    width: 460px ;
}


.mb-img-hover-container {
    display: flex;
	gap:20px;
}

@media only screen and (max-width: 870px) {
.mb-img-hover-container {
    display: flex;
    flex-direction: column;
	gap:20px;
}
	
	.mb-img-hover-box:hover img {
    width: 280px ;
    transition: 1.5s ;
}

.mb-img-hover-box:hover {
    width: 280px ;
    transition: 1.5s ;
}

.mb-img-hover-box:hover .mb-img-hover-box-title {
    transition: 1.5s ;
    width: 280px ;
}
}


.mb-img-hover-box-title {
    position: absolute;
    bottom: 0;
    width: 280px;;
    left: 0;
    height: 80px;
    padding: 0 20px 2px 20px;
    background: linear-gradient(360deg, black, transparent);
}

.mb-img-hover-box-title h2 {
    font-family: Helvetica;
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
    color: white;
}

.mb-img-hover-box-title p {
    font-family: Helvetica;
    font-weight: 300;
    font-size: 14px;
    line-height: 15px;
    margin-top: -6px;
    color: white;
}