append title below the swatch

// CSS

.pf-option-swatches div {
    flex-direction: column;
}

// JS

const pfSwatches = document.querySelectorAll('.pf-option-swatches > div');
    pfSwatches.forEach(option => {
       const input = option.querySelector('input');
      let spanTitle = document.createElement("span");
      spanTitle.className = "span-title";
      spanTitle.innerText = `${input.value}`;
      option.appendChild(spanTitle);
    });