/********************************
 * 6. perso
 *******************************/

 .card-t {
  position: relative;
  border-radius: 5px; /* Rayon de la bordure */
  overflow: hidden; /* Empêche le contenu de dépasser de la carte */
  max-width: 300px; /* Largeur maximale de la carte */
  margin: 0 auto; /* Centrer la carte horizontalement */
  transition: transform 0.3s ease; /* Ajouter une transition fluide pour l'animation */
}

.card-t:hover {
  transform: scale(1.05); /* Faire grossir légèrement la carte au survol */
}

.card-t img {
  width: 100%; /* Ajuster la largeur de l'image à celle de la carte */
  height: auto; /* Garder le ratio de l'image */
}

.card-content {
  position: absolute;
  background-color: #fff; /* Couleur de fond blanche */
  bottom: 0;
  padding: 1rem 5rem; /* Ajouter un peu d'espace autour du texte */
  left: 50%;
  transform: translate(-50%, -30%);
  border: 1px solid #d8ad35; /* Couleur de la bordure */
  border-radius: 5px; /* Rayon de la bordure */
}