#div_presentation {
   margin: 40px 0;
   color: #777;
}

#div_a_propos {
   margin: 40px 0;
   padding: 60px 0;
   background-color: #f26f1e;
   color: #fff;
}

.grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
   gap: 20px;
}


#div_presentation .link_image {
   width: 100%;
}

.link_image img {
   width: 100%;
   object-fit: cover;
   display: block;
}

.link_membre {
   width: 100%;
   aspect-ratio: 1 / 1;
   border: 5px solid #eee;
}

.link_membre img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
}

.link_image {
   display: inline-block;
   position: relative;
   overflow: hidden;
   text-decoration: none;
}

.link_image .overlay {
   position: absolute;
   inset: 0;
   background-color: rgba(0, 0, 0, 0.6);
   color: #ffffff;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   opacity: 0;
   transition: opacity 0.2s ease;
   padding: 15px;
   box-sizing: border-box;
}

.link_image:hover .overlay {
   opacity: 1;
}

@media (max-width: 768px) {
   .link_image {
      height: 230px;
      width: auto;
      aspect-ratio: 1 / 1;
   }
}

.txt_img_link {
   font-size: 20px;
   font-weight: 600;
   color: #ff9a00;
   text-transform: capitalize;
}

.nom_membre {
   display: block;
   font-size: 20px;
   font-weight: 600;
   color: #ff9a00;
   text-transform: capitalize;
}

.role_membre {
   display: block;
   font-size: 15px;
   font-weight: 400;
   color: #bbb;
   font-family: 'Lora', serif;
   font-style: italic;
}