[class^="mi-"] {
  display: inline-block;
  background-color: currentColor;
  width: var(--icon-size, 16px);
  height: var(--icon-size, 16px);
  mask-image: var(--icon);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: var(--icon);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  flex-shrink: 0;
   position: relative; /* 👈 add this */
  top: 4px; 
}

.mi-skills {
  --icon: url("../IMG/Icons/skills.svg");
}

.mi-info {
  --icon: url("../IMG/Icons/info.svg");
}

.mi-lc {
  --icon: url("../IMG/Icons/lc.svg");
}