/* ############################## */
/*        "Cars list" page        */
/* ############################## */

#section-cars-list {
  padding: 120px 0 40px 0;
}

.gallery-grid {
  padding: 20px 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 2%;
  align-items: start;
  justify-items: start;
}

.gallery-grid a {
  text-decoration: none;
}

figure {
  margin: 0;
  text-align: center;
  color: #d0a134;
  font-size: 120%;
}

figure img {
  width: 100%;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3);
  transition: all 0.5s ease-in-out;
  aspect-ratio: 16/9;
  object-fit: cover;
  object-position: center;
}

.position-border {
  object-position: 50% 95%;
}
.background-bottom {
  background-position: bottom;
}
figure:hover img {
  opacity: 90%;
  box-shadow: 10px 7px 6px 0px rgba(0, 0, 0, 0.5);
  transform: scale(1.005);
}

figure:hover figcaption {
  color: black;
}