help, parallax/content

[prank]

Здравствуйте возникла проблема: http://prntscr.com/t96dcc (parallax) его высота смещает блок с текстом. Может подскажите другую рамку с текстом или как исправить это. 

Параллакс: 

<section class="parallax sticky" id="scene">	
		<div class="parallax-L" data-depth="0.3" id="L"><img src="img/bmw-m32.png" alt="" /></div>

#L {
			width: 100%;
			height: 50vh;
			padding: 0;
			margin: 0;	
		}

		.L {
			background: url(bmw-m32.jpg) left no-repeat;
			background-size: cover;
			overflow: hidden;
		}

		img {
			max-width: 20%;
			height: auto;	
		}

.sticky{
	position: sticky;
	top: 0;
}

Рамка с текстом:

<div class="ramka-5">
		Рамка 5
	</div>

.ramka-5 {
	width: 4000px;
	position: relative;
	z-index: 2;
	background-color: white;
	width: 50%;
	margin: 0 auto;
	padding: 25px;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	border-radius: 10px;
	display: flex;
    align-items: center;
    justify-content: center;  
    font-size: 24px;
    font-family: 'Roboto Condensed', sans-serif;

}

 

Edited June 30, 2020 by prank