html {
  height: 100%;
  background-image: url('../images/hero-image.jpg');
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
}
body {
  min-height: 100%;
  background: #0000009c;
}
.grid {
  background: #39424E;
  padding: 20px;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  grid-auto-rows: 100px;
}
#content p {
  opacity: 1;
}