.happy
  {width:100%;
  overflow:hidden;
  padding:14px 0;
  background:transparent;
  border:1px solid #eee;
  border-radius:8px}
  .track
  {display:flex;
  gap:24px;
  align-items:center;
  will-change:transform;
  touch-action:none;
  user-select:none}
  .slide
  {flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:6px}
  .slide img
  {display:block;
  max-height:90px;
  width:auto;
  object-fit:contain;
  transition:transform .18s;
   box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  border-radius: 8px;  
  background: #fff;    
  padding: 6px;  
}
  .slide img:hover
  {transform:scale(1.05)}
  /* responsive */
  @media (max-width:992px){ .track{gap:18px} .slide img{max-height:54px} }
  @media (max-width:600px){ .track{gap:12px} .slide img{max-height:42px} }