++

ты можешь и так использовать bacrkground: linear

знал, но чтобы можно и градиент - не знал)

Я слышал, что gradient относится к типу данных image, но такое.

Первый раз)

просто background-image не только url хранит

ну не background-color же с градиентом делать)

background-image: url();
   background-size: initial;
   background-position-x: initial;
   background-position-y: initial;
   background-repeat-x: repeat;
   background-repeat-y: repeat;
   background-attachment: initial;
   background-origin: initial;
   background-clip: initial;
   background-color: initial;

ну да

я же сразу просил

с js проблемы, так что желательно сразу подсказать, как сократить код и т.п

довай

window.onload = function (StartActiveTab) {
 let StartActiveTabs = document.getElementById("StartActiveTab");
 StartActiveTabs.classList.add("activeTab");
};
document.addEventListener("click", function (e) {
 if (e.target.className == "tab__lable") {
   let numTab = e.target.getAttribute("tab-number");
   let tabLable = document.getElementsByClassName("tab__lable");
   for (let i = 0; i < tabLable.length; i++) {
     tabLable[i].classList.remove("activeTab");
   }
   e.target.classList.add("activeTab");
   let tabContent = document.getElementsByClassName("TabContent");
   for (let i = 0; i < tabContent.length; i++) {
     if (numTab == i) {
       tabContent[i].style.display = "block";
     } else {
       tabContent[i].style.display = "none";
     }
   }
 }
});

vanilla js?

Да

До библиотек я ещё не дошёл и долго ещё плыть

у тебя из-за цикла все табы без класса activeTab какое-то время

и после того как цикл отработал даётся этот класс

ну да, пока я не нажму

ммм, люблю его))  без всяких JQ)