Witam

Mam problem z designem mojej strony. Mianowicie, stworzyłem zdjęcie z efektem paralaksy tuż pod nagłówkiem menu. Na środku zdjęcia znajduje się napis, który przy rozpoczęciu scrollowania widocznie przeskakuje, a później płynnie przesuwa się razem z resztą strony. Nie mam pojęcia jak mogę usunąć to niechciane przeskakiwanie tekstu tak, aby przy scrollowaniu od samego początku wyglądało to płynnie. Być może macie jakieś pomysły? Poniżej wklejam kod custom.css:

html {
margin: 0;
height: 100%;
}


body {
margin: 1px;
padding: 0;
overflow-x: hidden;
overflow-y: scroll;
}

.parallax {
background-image: url("images/pic5.png");
min-height: 500px;
position: relative;
opacity: 0.7;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
perspective: 1px;
transform-style: preserve-3d;
}


.parallax_title {
font-size: 60px;
color: white;
text-align: center;
box-sizing: border-box;
min-height: 100vh;
padding: 40vh 0 5vw;
}