/* ARCANIS UI 19.3.0 — bannières */
.arcanis-banner {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.arcanis-banner__img {
  width: 100%;
  object-fit: cover;
  border-radius: var(--arcanis-radius);
  transition-property: filter, transform;
  transition-duration: 0.48s, var(--arcanis-transition-soft);
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1), ease;
}

.arcanis-banner__caption {
  margin-top: 1rem;
  color: #444;
  text-align: center;
  font-family: inherit;
  font-size: 0.95rem;
}

@media (max-width: 900px) {
  .arcanis-banner__img {
    max-height: 60vh;
    max-height: 60svh;
    object-position: center 55%;
  }
}