.family-intro {
  margin: 40px auto 0;
  text-align: inherit;
}

.family-intro .family-brand {
  color: var(--orange);
}

.family-photo {
  width: min(calc(100% - 40px), 240px);
  margin: 28px auto 36px;
  padding: 9px 9px 26px;
  background: var(--orange);
  border-radius: 4px;
  box-shadow: 0 10px 24px rgb(0 0 0 / 20%);
  transform: rotate(-4deg);
}

.family-photo img {
  display: block;
  width: 100%;
  height: auto;
}

@media (min-width: 760px) {
  .family-photo {
    padding: 14px 14px 32px;
  }
}