Dropcap & full width bug

Design help General
1

Hi there folks,

I have an issue with a blog page design, this is two fold:

https://preview.webflow.com/preview/pennyblack?utm_medium=preview_link&utm_source=designer&utm_content=pennyblack&preview=8c26ce8fb5ab621f4d3ddcf431c6d3ad&pageId=61a39b22c8291d41892005f9&itemId=61b1df9afcfe1462a60d5615&workflow=preview

  1. The dropcap I’m using works for narrow letters like ‘I’ but as you can see on the ‘W’ it’s breached it’s borders and is overlapping the text. Q: Is there a setting that will ensure the box boundary adjusts dependent on the letter width?

  2. The page wrapper is moves slightly, which reveals the fixed background image below, is there a work around to senure this doesn’t happen? This element should always fill the viewport completely.

Cheers,
Hamish
—

Here is my site Read-Only: LINK
(how to share your site Read-Only link)