.hero-header {
  width: 100%;
  max-width: 1120px;
  margin: 1rem auto 1.75rem;
  display: flex;
  justify-content: center;
}

.hero-header img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 16px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
}

/* Hide container if empty (no img child) - tough to do with CSS only solely based on empty, 
   but PHP handles output. We can keep :empty just in case. */
.hero-header:empty {
  display: none;
}