img {
  width: 100%;
  height: 300px; /* Force une hauteur fixe */
  object-fit: cover; /* Remplit le cadre sans déformer */
  object-position: center; /* Force le centrage (peut être mis à 'top' ou '70% 30%') */
}
<div style="background-color: #004225; padding: 30px 0; width: 100%; overflow: hidden;">
  
  <div style="display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding: 0 15px; gap: 15px; -webkit-overflow-scrolling: touch;">
    
    <div style="flex: 0 0 85%; scroll-snap-align: center; background: #ffffff; border-radius: 15px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 5px 15px rgba(0,0,0,0.3);">
      <img src="https://www.c-le-club.fr/fichiers/Laurent_Ballesta_annonce_12_mars_linkedin.jpg" style="width: 100%; height: auto; display: block;" alt="Laurent Ballesta">
      <div style="padding: 15px; text-align: left;">
        <h3 style="color: #004225; margin: 0 0 10px 0; font-family: Montserrat, sans-serif; font-size: 18px; font-weight: bold;">Laurent Ballesta</h3>
        <p style="margin: 0; font-family: Arial, sans-serif; font-size: 14px; color: #333333; line-height: 1.4;">
          Loin du ciel et si près de nous. Une rencontre exceptionnelle au Domaine de Verchant le 12 Mars 2026.
        </p>
        <a href="VOTRE_LIEN_INSCRIPTION" style="display: block; background: #004225; color: #ffffff !important; text-align: center; padding: 12px; border-radius: 8px; text-decoration: none; margin-top: 15px; font-weight: bold; font-family: Montserrat, sans-serif;">S'INSCRIRE</a>
      </div>
    </div>

    <div style="flex: 0 0 85%; scroll-snap-align: center; background: #ffffff; border-radius: 15px; overflow: hidden; display: flex; flex-direction: column; opacity: 0.9;">
       <div style="width: 100%; height: 250px; background: #eeeeee; display: flex; align-items: center; justify-content: center; color: #999;">
         <span>Photo à venir</span>
       </div>
      <div style="padding: 15px; text-align: left;">
        <h3 style="color: #004225; margin: 0 0 10px 0; font-family: Montserrat, sans-serif; font-size: 18px; font-weight: bold;">Prochain Déjeuner</h3>
        <p style="margin: 0; font-family: Arial, sans-serif; font-size: 14px; color: #333333;">La suite de la programmation arrive bientôt.</p>
        <div style="display: block; background: #cccccc; color: #ffffff; text-align: center; padding: 12px; border-radius: 8px; margin-top: 15px; font-weight: bold;">À VENIR</div>
      </div>
    </div>

  </div>
</div>

<style>
/* On masque juste ce bloc sur ordinateur pour éviter les doublons */
@media (min-width: 769px) {
  div[style*="background-color: #004225"] { display: none !important; }
}
/* On cache la scrollbar moche pour mobile */
div::-webkit-scrollbar { display: none !important; }
</style>