#containers {
	height: 100%;
}

#containers .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  mask-image: linear-gradient(to left, black 90%, transparent 100%);
  -webkit-mask-image: linear-gradient(to left, black 90%, transparent 100%);
}

@media (max-width: 768px) {
  #containers .image-wrapper {
    width: 100%;
    max-width: none;
    margin-left: 0px;
    margin-top: 20px;
  }

  #containers .image-wrapper img {
      mask-image: linear-gradient(to bottom, black 90%, transparent 95%);
    -webkit-mask-image: linear-gradient(to bottom, black 90%, transparent 95%);
  }
}