.block-spotlight-image {
  position: relative;
  overflow: hidden;
}

.block-spotlight-image__image {
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 200px;
}

.block-spotlight-image__image:after {
  position: absolute;
  background-color: brown;
}


.block-spotlight-image__label {
  position: absolute;
  right: 3em;
  bottom: 1em;
}

.block-spotlight-image__label:after {
  content: '';
  background: url("data:image/svg+xml;utf8,<svg width='24' height='24' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M20.623 19.5L12 9.83 3.377 19.5 1 16.835 12 4.5l11 12.335z'/></svg>") no-repeat;
  transform: rotate(90deg);
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  bottom: .3em;
  right: -2em;
  transition: all 0.2s ease-in-out;
}

.block-spotlight-image:hover .block-spotlight-image__label:after {
  right: -2.2em;
}

.block-spotlight-image__label .ecl p:not([class*="ecl-"]) {
  color: white;
  font-weight: bold !important;
  font-size: 1.2em !important;
}