[Bug]: Baskerville 2 Theme - Podcast Block progress bar is broken and styles differ on published site

Quick summary

The Podcast Block works find in Page Editor, but when the site is published the podcast player has different styles and the progress bar doesn't work when the player plays.

Page Editor: UTF-8''Erreur WP écran en brouillon

Published Page: UTF-8''Erreur WP écran final

Steps to reproduce

Start at https://danslabibliothequedanne.com/les-podcasts-%f0%9f%8e%99/
Go to the player and press play
You'll see the progress bar in the player doesn't work

Also, you can:

Install the Baskerville 2 theme on a Premium Site
Add the podcast block to a page
Publish the page and test the player

What you expected to happen

The progress bar should play and the styles should match what the user sees in the Page Editor.

What actually happened

The podcast player plays the audio on the published site, but the progress bar doesn't move and it has different stlyes than in the Page Editor.

Browser

Google Chrome/Chromium, Mozilla Firefox

Context

Customer report, and exploratory testing by HCs

Platform (Simple, Atomic, or both?)

Simple

Other notes

user report: zen-7322449

Reproducibility

Consistent

Severity

Some (< 50%)

Available workarounds?

Yes, difficult to implement

Workaround details

The user could add a lot of CSS but it's not easy and testing CSS by HCs was not successful.

Automattic / themes