<style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
    body {
      font-family: Arial, sans-serif;
      background: none;
      color: #000;
    }

    .slideshow-container {
      position: relative;
      width: 100vw;
      height: 478px; /* fix the height to original image height */
      /*margin: 40px auto 0;*/
      overflow: hidden;
      background: #000;
      margin-top: 0px;
    }

    .slide {
      position: absolute;
      width: 100%;
      height: 100%;
      opacity: 0;
      transition: opacity 0.5s ease-in-out;
      z-index: 1;
    }

    .slide.active {
      opacity: 1;
      z-index: 2;
    }

    .slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0;
    }

    .transition-layer {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 9;
      perspective: 1000px; /* Increased for smoother 3D flip */
    }

    .split-bar {
      position: absolute;
      top: 0;
      width: 50%;
      height: 100%;
      background: #000;
      z-index: 10;
    }

    .bar {
      position: absolute;
      width: 100%;
      height: 10%;
      background: #000;
      left: 0;
      z-index: 10;
    }

    .blind-strip {
      position: absolute;
      width: 10%;
      height: 100%;
      top: 0;
      background: #000;
      z-index: 10;
      transform-origin: top center;
    }

    /* Flip tile styles */
    .flip-tile {
      position: absolute;
      width: 10%; /* 10 columns */
      height: 20%; /* 5 rows */
      backface-visibility: hidden;
      transform-style: preserve-3d;
      background-size: 100% 100%;
      transition: transform 0.35s ease;  /* faster and smoother */
      transform-origin: center;
      will-change: transform;
    }

    .flip-tile.flipped {
      transform: rotateY(180deg);
    }
</style>