iFrame продолжает идти в никуда

Question

Как мне заставить свой iframe занять левую половину моего экрана?Я сделал следующий код, однако он просто заканчивается меньшим полем в левой части экрана и намного ниже моей панели навигации.

            <div className="video-wrapper">
<iframe 
src="https://player.vimeo.com/video/252323"
frameBorder="0" webkitallowfullscreen="" 
mozallowfullscreen="" allowFullScreen="">
</iframe>
            </div>

css

.video-wrapper {
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
}

.video-wrapper iframe {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    border: 0;
}