.skills-scroll {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  gap: 40px;
  padding: 20px 0;
  scrollbar-width: none; /* Firefox */
}

.skills-scroll::-webkit-scrollbar {
  display: none; /* Chrome/Safari */
}

.skills-scroll img {
  height: 60px;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}

.skills-scroll img:hover {
  transform: scale(1.1);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .skills-scroll {
    gap: 24px;
  }
  .skills-scroll img {
    height: 48px;
  }
}