Blur out edges of element

Hi everyone,

I’ve built a timeline on my biography page, however the edges on both sides are very abrupt and I’d like to soften the transition into white space.
I’ve tried adding divs on top and then applying a gradient, but I can’t seem to get the settings right for the transition to look good.

The idea I’m basing my timeline off of is this one, if it helps: https://www.anne-sophie-mutter.de/en/timeline/?from=2015

Any help would be appreciated!


Here is my site Read-Only: https://preview.webflow.com/preview/edwards-blank-site-143218?utm_medium=preview_link&utm_source=designer&utm_content=edwards-blank-site-143218&preview=7ea4f60bcabe539ebd89bdce358a19d3&pageId=5f0586725d63ea514a851f5c&mode=preview