.mobile_image{display:none;}
.image__wrapper {position: relative;padding-bottom: 37%;width: 100%;}
.image__wrapper img {position: absolute;top: 0;height: 100%;width: 100%;object-fit: cover;}

@media screen and (max-width: 991px) {
  .mobile_image{display:block;}
  .desktop_image{display:none;}
}
@media screen and (min-width: 768px) {
  .image__wrapper {padding-bottom: 37%;}
}
@media screen and (max-width: 767px) and (min-width: 576px)  {
  .image__wrapper {padding-bottom: 45%;}
}
@media screen and (max-width: 575px) {
  .image__wrapper {padding-bottom: 68%;}
}