.galeria {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  padding: 20px;
}

/* 🔧 ALTERE AQUI — Remova "width: 100%" e adicione "flex: 1 1 300px" para permitir que fiquem lado a lado no desktop */
.item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;

  /* Remova ou comente esta linha ↓↓↓ */
  /* width: 100%; */

  /* ✅ Adicione esta linha: */
  flex: 1 1 300px;

  max-width: 500px; /*************** tamanho da foto - mantém limite de tamanho para não crescer demais */
}

/* Imagens */
.item img {
  width: 100%;
  height: auto;
  border-radius: 0px;
}





/* 🔧 MEDIA QUERY — Aqui você mantém o estilo mobile */
@media (max-width: 768px) {
  .galeria {
    flex-direction: column;
    align-items: center;
  }

  /* 🔧 ALTERE AQUI — garante que no mobile as fotos ocupem mais largura */
  .item {
    max-width: 90%;
    flex: 1 1 90%; /* força ocupar mais espaço em largura */
  }
}