.container__pet {
  background-color: var(--white);
  border-radius: 15px;
  margin-top: 5rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
  justify-content: space-evenly;
}
.galeria,
.info {
  width: 44%;
}
.info > div {
  margin-top: 1em;
}
.info strong {
  margin-bottom: 1em;
}
.titulo {
  text-align: left;
}
b {
  color: var(--gray);
}
.quem,
.contato,
.detalhes {
  display: flex;
  flex-direction: column;
}
.imagem-pequena-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-top: 0.5em;
  gap: 0.5em;
}
.imagem-grande {
  object-fit: cover;
  width: 100%;
  aspect-ratio: 3 / 2;
  border-radius: 0.5rem;
}
.imagem-pequena {
  object-fit: cover;
  aspect-ratio: 1 / 1;
  border-radius: 0.5rem;
}
.imagem-pequena-wrapper {
  position: relative;
}
.imagem-pequena-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  background-color: var(--overlay);
  opacity: 1;
  transition: opacity 0.3s;
}
.imagem-pequena-wrapper:hover::before {
  opacity: 0;
}
.atual::before {
  opacity: 0;
}
/*Responsividade*/

/* xl */
@media (max-width: 1536px) {
}

@media (max-width: 1280px) {
  .imagem-grande {
    aspect-ratio: 6 / 5;
  }
}
/* lg */
@media (max-width: 1024px) {
  .imagem-grande {
    aspect-ratio: 1 / 1;
  }
}
/* md */
@media (max-width: 768px) {
  .imagem-grande {
    aspect-ratio: 3 / 2;
  }
  .container__pet {
    flex-direction: column;
    padding-inline: 5rem;
  }
  .galeria,
  .info {
    width: auto;
    display: flex;
    flex-direction: column;
  }
}
/* sm */
@media (max-width: 640px) {
  .container__pet {
    padding-inline: 1rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
}
/* xs */
@media (max-width: 475px) {
  .container__pet {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .imagem-grande {
    aspect-ratio: 1 /1;
  }
  .imagem-pequena-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .imagem-pequena {
    aspect-ratio: 2 / 1;
  }
}