.gallery {
  display: flex;
  padding: 10px 0;
  margin: 0 auto;
  flex-wrap: wrap;
  gap: 24px;
  max-width: 1128px;
}

.gallery li {
  list-style: none;
  flex-basis: calc((100% - 48px) / 3);
  transition: all 0.2s ease-in-out;
}

.gallery li:hover {
  transform: scale(1.05);
}

.gallery li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #212121c8;

  transition: opacity 0.2s ease-in-out;
}

.p-wrap p {
  padding-left: 8px;
  color: #edebeb;
}