.main-image {
  height: 250px;
  box-shadow: none;
}

.main-image > img {
  opacity: 1;
  transform: translateY(-8px);
}

.main-image > * {
  position: absolute;
}

.main-image > div {
  width: 100%;
  height: 100%;
  display: flex;
  padding-top: 80px;
  justify-content: center;

  font-size: 2em;
  color: white;
  text-shadow: 0 0 8px black;
}

@media (min-width: 700px) {
  .main-image > div {
    padding-top: 96px;
  }
}

@media (min-width: 1200px) {
  .main-image > div {
    padding-top: 112px;
  }
}