    <mask id="clock-mask" width="1200" height="300">
              <text id="date-text" x="50%" y="50" font-size="var(--date-font-size)" font-family="var(--clock-font)" font-weight="var(--date-font-weight)" 
                text-anchor="middle" dominant-baseline="auto" fill="white">Friday, May 3</text>
              <text id="time-text" x="50%" y="65" font-size="var(--time-font-size)" font-family="var(--clock-font)" font-weight="var(--time-font-weight)" 
                text-anchor="middle" dominant-baselin