const text = document.querySelector("div.hero-banner .month");

const letters = text.textContent.split("");
text.textContent = "";
letters.forEach((letter) => {
    const span = document.createElement("span");
    span.textContent = letter;
    span.classList.add("month-letter");
    text.appendChild(span);
});