.ehu-image-lightbox {
  padding: 2rem 0;
}

@media screen and (max-width: 767px) {
  .ehu-image-lightbox {
    padding: 0;
  }
}

.ehu-image-lightbox a {
  display: block;
  max-width: 100%;
}

.ehu-image-lightbox img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.ehu-image-lightbox-caption {
  text-align: center;
  color: #fff;
  background: var(--ehu-colors-primary);
  display: inline-block;
  align-content: center;
  width: 100%;
  height: 5rem;
  padding: 0;
}

.ehu-image-lightbox a:focus-visible {
  outline: 2px solid var(--ehu-colors-heritage-yellow);
  outline-offset: 2px;
}

.ehu-image-lightbox a:focus-visible .ehu-image-lightbox-caption {
  background-color: var(--ehu-colors-heritage-yellow);
  color:var(--ehu-colors-neutral-black);
}