.scroll-container {
    overflow-x: auto;
    white-space: nowrap;
    margin:10px;
    
  }

  .scroll-content {
    display: flex;
    align-items: center;
  }
  
  .scroll-item {
    margin-right: 10px;
    flex-shrink: 0;
    
  }
  
  .scroll-item img {
    width: 200px; 
    height: 200px;
    
    border-radius: 5px;
    transition: transform 0.2s ease-in-out;
  }
  
  .scroll-item img:hover {
    transform: scale(1.1);
  }
  .scroll-container::-webkit-scrollbar {
    display: none;
  }