.block-image {
  margin: 1.5rem 0;
}

/* Alignement des blocs */
.block-image.align-left {
  text-align: left;
}

.block-image.align-center {
  text-align: center;
}

.block-image.align-right {
  text-align: right;
}

/* Image de base */
.block-image img {
  display: inline-block; /* Changé de block à inline-block */
  max-width: 100%;
  height: auto;
}

/* Largeurs */
.block-image.width-small img { 
  max-width: 300px; 
}

.block-image.width-medium img { 
  max-width: 600px; 
}

.block-image.width-full img { 
  width: 100%; 
  display: block; /* Pour full width, on garde block */
}

/* Styles optionnels */
.img-rounded img {
  border-radius: 12px;
}

.img-shadow img {
  box-shadow: 0 10px 30px rgba(0,0,0,.15);
}

.img-gray img {
  filter: grayscale(100%);
}

/* Légende hérite de l'alignement du parent */
.block-image figcaption {
  margin-top: 0.5rem;
}

/* Ratio container (si vous l'utilisez) */
.ratio-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: calc(100% / (var(--ratio)));
}

.ratio-wrapper img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0; 
  left: 0;
}