/* ------------------- */
/* image slide CSS     */
/* ------------------- */

.slideshow {
    overflow: hidden;
  }
  
  .slideshow-container {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: row;
  }
  
  .slideshow-container:hover {
    animation-play-state: paused;
  }
  
  .img_slide {
    width:80% ;
    height: auto;
    border-radius: 6px;
    padding: 6px;
  }
  
  .slide {
    animation: slide 25s cubic-bezier(0, 0.19, 1, 1.22) infinite alternate;
  }
  
  @keyframes slide {
    from {
      transform: translateX(calc(-2.1*var(--card_width)))
  }
  to {
    transform: translateX(calc(1.2*var(--card_width)))
  }
  }