.tematik_image--marque {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
}

.tematik_image--marque img {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  width: auto;
  max-width: 80%;
  max-height: 80%;
  -webkit-filter: grayscale(1) contrast(0.5) brightness(0.6) sepia(1) hue-rotate(180deg);
  filter: grayscale(1) contrast(0.5) brightness(0.6) sepia(1) hue-rotate(180deg);
}