html,
body {
    margin: 0;
    padding: 0;
}
body {
    margin: 0;
    padding: 0;

    background:
        linear-gradient(
            rgba(0,0,0,0.35),
            rgba(0,0,0,0.35)
        ),
        url("images/revu1.jpg");

    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.photo-page {
  min-height: 100vh;
  padding: 120px 0;
  background:
    linear-gradient(rgba(0,0,0,.68), rgba(0,0,0,.68)),
    url("images/revu1.jpg") center/cover fixed;
}

.photo-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}

.photo-inner h1,
.photo-inner p {
  color: white;
}

.photo-grid {
  margin-top: 45px;
  columns: 4 220px;
  column-gap: 18px;
}

.photo-card {
  display: block;
  break-inside: avoid;
  margin-bottom: 18px;
  border-radius: 18px;
  overflow: hidden;
  background: white;
  box-shadow: 0 16px 35px rgba(0,0,0,.35);
  transition: transform .25s ease;
}

.photo-card:hover {
  transform: translateY(-5px);
}

.photo-card img {
  width: 100%;
  display: block;
}