#hero-section {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-sizing: border-box;
  top: 3rem;
  height: 22rem;
  width: 100%;
  margin: 2rem auto;
}

#thumbnail-grid {
  display: grid;
  box-sizing: border-box;
  margin: 2rem auto 4rem;
  padding: 0;
  grid-template-columns: repeat(3, 1fr);
  list-style: none;
  gap: 20px;
}

#thumbnail-grid li {
  list-style: none;
}

#thumbnail-grid img {
  height: auto;
  width: 100%;
  max-width: 100%;
  object-fit: cover;
  /* border: 1px solid; */
  border-radius: 8px;
  cursor: pointer;
  filter: grayscale(100%);
  transition: all 0.5s;
}

#thumbnail-grid img:hover {
  filter: grayscale(0%);
}

#thumbnail-grid a {
  text-decoration: none;
  display: block;
}

#description {
  margin: 0 0 2rem;
}