.carousel {
    margin: 0 auto;
    padding: 20px 0;
    max-width:1150px;
    overflow: hidden;
    display: flex;
    flex: 0 0 100%;
    &:hover .group {animation-play-state: paused;}
  }

  .card {
    width: 295px;
    height: 250px;
    color: white;
    border-radius: 24px;
    border-style:solid;
    border-color:#3c3b6e;
    border-width: 2px;
    padding: 20px;
    justify-content: center;
    align-items: center;
  }

 
  .group {
    display: flex;
    gap: 50px;
    padding-right: 50px;
    will-change: transform; 
    animation: scrolling 25s linear infinite;
  }

  @keyframes scrolling {
    0% {transform: translateX(0);}
    100% {transform: translateX(-100%);}
  }