<script>
document.addEventListener("DOMContentLoaded", () => {
    // Get the initial viewport height
    const initialVh = window.innerHeight * 0.01;
    // Set the value in the --vh custom property to the root of the document
    document.documentElement.style.setProperty('--vh', `${initialVh}px`);
});
</script>