/**
 * Block : Colonne texte image
 * =================================
 *
 *
 *
 */

.hero-homepage .image-background {
  object-position: center;
}

.hero-homepage:before {
  content: '';
  background: rgba(0, 0, 0, .2);
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  display: block;
  top: 0;
}

@media all and (min-width: 768px) {
  .hero-homepage .image-background {
    object-position: var(--object-position-x) var(--object-position-y);
  }
}