.image-cont {
  width: 100%;
}

.image,
img {
  width: 100%;
  height: 100%;
  margin: 0;
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: cover;
  background-position: center;
  object-position: center;
}
.image_desktop,
img_desktop {
  display: flex;
}
@media screen and (max-width: 768px) {
  .image_desktop,
  img_desktop {
    display: none;
  }
}
.image_mobile,
img_mobile {
  display: none;
}
@media screen and (max-width: 768px) {
  .image_mobile,
  img_mobile {
    display: flex;
  }
}
.image_contain,
img_contain {
  background-size: contain;
  object-fit: contain;
}
.image_center,
img_center {
  background-position: center;
  object-position: center;
}
.image_right,
img_right {
  background-position: right;
  object-position: right;
}
.image_left,
img_left {
  background-position: left;
  object-position: left;
}
.image_top,
img_top {
  background-position: top;
  object-position: top;
}
.image_bottom,
img_bottom {
  background-position: bottom;
  object-position: bottom;
}