.e-image {
  position: relative;
}
.e-image .icon-info {
  position: absolute;
  top: var(--space-sm);
  right: var(--space-sm);
  color: var(--color-secondary);
  z-index: 10;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.e-image .content {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 20;
  background-color: rgba(28, 28, 28, 0.5);
  display: grid;
  place-items: center;
  padding: var(--space-sm);
  color: var(--color-primary);
  text-transform: uppercase;
  font-weight: 700;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.e-image.hover.hover {
  cursor: pointer;
}
.e-image.hover.hover:hover .icon-info {
  opacity: 0;
}
.e-image.hover.hover:hover .content {
  opacity: 1;
}
/* >= 768px */
/* >= 1024px */
@media screen and (min-width: 1024px) {
  .e-image .icon-info {
    font-size: 35px;
    line-height: 35px;
  }
}
/* >= 1248px */
/* >= 1440px */
/* >= 1600px */
/* >= 1920px */
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22var%5C%2Fwww%5C%2Fvhosts%5C%2Fsentientexpanse.moremedia-development.at%5C%2Fhttpdocs%5C%2Fweb%5C%2Fthemes%5C%2Fcustom%5C%2F_elements%5C%2Fe_image%5C%2Fe_image.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BEACI%2CkBAAA%3B%3BAADJ%2CQAGI%3BEACI%2CkBAAA%3BEACA%2CKAAK%2CeAAL%3BEACA%2COAAO%2CeAAP%3BEACA%2COAAO%2CsBAAP%3BEACA%2CWAAA%3BEACA%2C6BAAA%3BEACA%2CoBAAA%3B%3BAAVR%2CQAaI%3BEACI%2CkBAAA%3BEACA%2CMAAA%3BEACA%2COAAA%3BEACA%2CYAAA%3BEACA%2CWAAA%3BEACA%2CWAAA%3BEACA%2CuCAAA%3BEACA%2CaAAA%3BEACA%2CmBAAA%3BEACA%2CSAAS%2CeAAT%3BEACA%2COAAO%2CoBAAP%3BEACA%2CyBAAA%3BEACA%2CgBAAA%3BEACA%2CUAAA%3BEACA%2C6BAAA%3BEACA%2CoBAAA%3B%3BAAIA%2CQADH%2CMACI%3BEACG%2CeAAA%3B%3BAAEA%2CQAJP%2CMACI%2CMAGI%2CMACG%3BEACI%2CUAAA%3B%3BAAFR%2CQAJP%2CMACI%2CMAGI%2CMAKG%3BEACI%2CUAAA%3B%3B%3B%3BAA2BpB%2CmBAVsC%3BEAClC%2CQACI%3BIACI%2CeAAA%3BIACA%2CiBAAA%22%7D */