.media-blur-overlay {
  position: relative;
}


.media-blur-overlay .underlay {
  display: none;
}

.media-blur-overlay.show-blur .underlay {
  display: block;
  height: var(--blur-height);
  background-image: var(--blur-url);
  position: absolute;
  top: -3rem;
  width: 100%;
  background-position: left;
  background-size: cover;
  filter: blur(8px);
  z-index: 0;
  opacity: 70%;
}

.media-blur-overlay img {
  margin: 0 auto;
  display: block;
}

.media-blur-overlay.show-blur img {
  display: block;
  max-width: 100%;
  margin: 5rem auto;
  z-index: 1;
  position: relative;
  border: 1px #0d293e solid;
}