/* Tech Stack Icon Styling */
.tool-icon {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0 auto;
}

.tool-icon img {
  width: 200%;
  height: 200%;
  object-fit: contain; /* atau "cover" tergantung hasil */
  object-position: center;
}
/* Rest of your existing CSS stays the same, but now uses these variables *//* static/tech-stack.css */
.tech-stack-icon-container {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 0.5rem;
}

.tech-stack-icon {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}