/* Conteneur de l'artiste */
.artist-card {
    position: relative;
    overflow: hidden; /* Permet de cacher tout débordement de l'image */
    width: 100%; /* Prend toute la largeur disponible */
    max-width: 400px; /* Limite la taille du bloc */
    margin: 0 auto; /* Centrer horizontalement dans son conteneur */
    border-radius: 16px; /* Bords arrondis du bloc */
    background-color: white; /* Fond blanc pour contraster avec l'image */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Ombre douce autour du bloc */
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* Effet de transition */
  }
  
  .artist-card:hover {
    transform: scale(1.05); /* Effet de zoom lorsque l'on survole */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); /* Ombre plus marquée au survol */
  }
  
  /* Image de l'artiste */
  .artist-card img {
    display: block;
    width: 100%; /* L'image occupe toute la largeur du conteneur */
    height: auto; /* Garde le ratio de l'image intact */
    border-radius: 10px; /* Arrondir légèrement les coins de l'image */
    object-fit: cover; /* L'image couvre l'ensemble du bloc sans déformation */
  }
  
  /* Titre de l'artiste */
  .artist-card h3 {
    font-size: 1.25rem; /* Taille du texte */
    font-weight: bold; /* Met en valeur le nom de l'artiste */
    margin-top: 1rem; /* Espacement du texte par rapport à l'image */
    color: #333; /* Couleur du texte */
  }
  
  /* Description de l'artiste (fr et en) */
  .artist-card p {
    font-size: 0.875rem; /* Taille plus petite pour la description */
    color: #777; /* Couleur plus douce pour la description */
    margin-top: 0.5rem; /* Espacement entre le titre et la description */
    text-align: center; /* Centrer le texte */
  }
  
  /* Class spécifique pour cacher le texte en anglais */
  .en.hidden {
    display: none;
  }
  
  .fr {
    display: block;
  }
  
  @media screen and (max-width: 768px) {
    /* Pour les petits écrans, les cartes d'artistes s'adaptent */
    .artist-card {
      max-width: 100%; /* Utilise toute la largeur sur les petits écrans */
      margin-bottom: 1rem; /* Un peu d'espace entre les cartes */
    }
  }