.before,
.after {
  margin: 0;
}

.before figcaption,
.after figcaption {
  background: rgba(255, 255, 255, 0.5);
  border: none;
  border-radius: 4px;
  color: #000;
  opacity: 0.8;
  padding: 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  line-height: 100%;
  font-size: 12px;
}

.before figcaption {
  left: 12px;
}

.after figcaption {
  right: 12px;
}