.ts-wrapper{
  width:100%;
  max-width:auto;
  margin:auto;
  overflow:hidden;
  padding:80px 50px;
  background:#fff;
  font-family:sans-serif;
  perspective: 1000px;
  
}

.ts-track{
  display:flex;
  transition:transform 0.6s ease;
}

.ts-item {
  min-width: 100%;
  text-align: center;
  padding: 30px;
  border-radius: 20px;
  background: linear-gradient(
    135deg,
    rgba(0, 0, 0, 0.4) 0%,
    rgba(32, 32, 32, 0.4) 100%
  );
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: transform 0.6s ease;
}

/* item aktif membesar 30% */
.ts-item.active {
  transform: scale(1.2);
  z-index: 10;
  box-shadow: 0 15px 40px rgba(0,0,0,0.5);`
}

.ts-item img{
  width:80px;
  height:80px;
  border-radius:50%;
  margin-bottom:15px;
  box-shadow:0 10px 25px rgba(0,0,0,0.4);
}

.ts-item p{
  font-size:15px;
  opacity:0.9;
  color:#FFF;
}

.ts-item h4{
  margin-top:10px;
  color:#FFF;
}

/* hover effect */
.ts-item:hover{
  transform:scale(1.05) rotateX(5deg);
}

/* responsive */
@media(max-width:768px){
  .ts-item{
    padding:20px;
  }
}