.box-2-item__image-wrapper {
    display:flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
}
.box-2-item__image {
    width: 100%;
    height: auto;
    
}



@media screen and (min-width: 768px) {
    .box-2-item__image-wrapper {
        max-height: 280px;
    }
}

@media screen and (min-width: 992px) {
    .box-2-item__image-wrapper {
        max-height: 400px;
    }
}

@media screen and (min-width: 1200px) {
    .box-2-item__image-wrapper {
        max-height: 500px;
    }
}


@media screen and (max-width: 767px) {
    .box-2-item__image-wrapper {
        max-height: 500px;
    }
}