#banner_image{
  width: 100%;
  height: 100%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.image-container {
  width: 100%;        /* largeur fixe ou responsive */
  height: 250px;       /* hauteur fixe ou responsive */
  overflow: hidden;    /* masque ce qui dépasse */ 
}

.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;   /* conserve le ratio et remplit */
  display: block;
}

.image-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;   /* conserve le ratio et remplit */
  display: block;
}

.tiles article.banner > #banner_image:before {
  backdrop-filter: inherit;  /* Applique un flou de 10px */
  /*background-color: rgba(100, 100, 100, 0.9); *//* Optionnel : ajout d'un fond semi-transparent pour voir l'effet */
  background-color: inherit;
}

body:not(.is-touch) .tiles article:hover > #banner_image:before {
  background-color: inherit;
  padding: 20px;
  border-radius: 10px;
}

.banner{
  cursor: pointer;
}
.actions > li > .button{
  margin-top: 2em;
}
.actions{
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}