.hero h1 {
    font-size: 26px;
    margin: 20px 0 12px;
}
.case .photos {
  display: flex;
  gap: 2rem;
  margin-bottom: 1rem;
}
@media (max-width: 800px) {
  .case .photos {
    flex-direction: column;
    gap: 1rem;
  }
}