.img-container {
  width: 100%;
  height: 200px; /* Ajuste cette valeur selon ton design */
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Garde le bon ratio et couvre toute la zone */
}

.hover-shadow:hover {
  transform: translateY(-2px);
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
  transition: .2s;
}


.prose{max-width:72ch;font-size:1.05rem;line-height:1.75}
.prose h1,.prose h2,.prose h3{margin-top:2rem;margin-bottom:.75rem;font-weight:700}
.prose h4,.prose h5,.prose h6{margin-top:1.25rem;margin-bottom:.5rem;font-weight:600}
.prose p{margin:.8rem 0}
.prose ul,.prose ol{padding-left:1.25rem;margin:.75rem 0}
.prose blockquote{margin:1rem 0;padding:.75rem 1rem;border-left:.25rem solid #0d6efd1a;background:#0d6efd0d;border-radius:.25rem}
.prose code{background:#f6f8fa;padding:.15rem .35rem;border-radius:.25rem}
.prose pre{background:#0b1020;color:#f2f4f8;padding:1rem;border-radius:.5rem;overflow:auto}
.prose img,.prose table{max-width:100%;height:auto}
.prose table{border-collapse:collapse;width:100%;margin:1rem 0}
.prose th,.prose td{border:1px solid #e5e7eb;padding:.5rem .75rem}