.carousel {
	width: 100%;
	display: flex;
	overflow: hidden;
	> * {
      flex: 0 0 100%;
    }
}

.group {
	display: flex;
	will-change: transform;
	gap: 20px;
    /* Add padding to the right to create a gap between the last and first card. */
    padding-right: 20px;
	animation: scrolling 50s linear infinite;
}

.card {
	display: flex;
	width: 249px;
	height: 150px;
}



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