Fix CSS scaling issue in Chrome for Translation plugin

[schu96]

Makes CSS property assignments for translation text layers before class name showingTranslation is added

Includes a small CSS change that hides the BRtranslateLayer elements during the page flip animation

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 69.43%. Comparing base (fefbb8a) to head (71fdf0f).
⚠️ Report is 3 commits behind head on master.

Additional details and impacted files

@@           Coverage Diff           @@
##           master    #1477   +/-   ##
=======================================
  Coverage   69.43%   69.43%           
=======================================
  Files          62       62           
  Lines        5330     5330           
  Branches     1156     1156           
=======================================
  Hits         3701     3701           
  Misses       1594     1594           
  Partials       35       35           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[cdrini]

Niiice! It's working better on the initial load when I first click "translate", but as I flip around, I still get the odd large translation layer on chrome; it only sizes correctly after the text loads in 🤔

[cdrini]

Well colour me surprised, that's not at all what I expected to fix this :P But it's working like a charm now! 🥳