.block-diapo {
  height: 100%; }
  .block-diapo .slideshow {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    overflow: hidden; }
    @media screen and (max-width: 781px) {
      .block-diapo .slideshow {
        height: 30vh;
        min-height: auto; } }
    .block-diapo .slideshow .slide {
      display: block;
      position: absolute;
      z-index: 1;
      width: 100%;
      height: 100%;
      opacity: 0;
      transition: opacity 0.3s ease-in-out; }
      .block-diapo .slideshow .slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
      .block-diapo .slideshow .slide.active {
        z-index: 2;
        opacity: 1;
        display: block; }