Blur image slider

Hello,

I tried to copy "demo-resume.html" and just change the slider-image. After I changed the image and added all neccessary css files the slider is working for some part. I have tried two things: 1) just change the image, the blurry effect don't work at all 2) add a blurry image to the normal one, this version funcionate perfectly except when i open the website the image is blurred until I scroll.

<!-- Demo Version -->
<section id="slider" class="slider-element full-screen force-full-screen clearfix">
			<div class="full-screen force-full-screen" style="position: fixed; width: 100%; background: #FFF url('photography/images/author-big.jpg') no-repeat top center; background-size: cover; background-attachment: fixed;">

...

<!-- my Version -->
<section id="slider" class="slider-element full-screen force-full-screen clearfix">
			<div class="full-screen force-full-screen" style="position: fixed; width: 100%; background: #FFF url('photography/images/author-big.jpg') no-repeat top center; background-size: cover; background-attachment: fixed;">

Side note: I changed the header and the menu, I copied that from "demo-photography".

Can you give me a hint about that issue?

Thank you very much in advance!

Also the link "My Works -->" on the original file from "demo-resume.html" is working at the beginning. After some scrolling on the page the link seems covered up and is not clickable anymore.