Video poster will not center on android

Hi,

When I'm using the video slider, as you know it will show the video as an alternative.

This works fine on desktops, but only partly on android devices. It will fit vertically, but it won't center the image. As a result I can only see the left side of the image. See image. I could not test this on IOS.

Here's the code:

<!-- Slider
============================================= -->
<section id="slider" class="slider-parallax full-screen force-full-screen ohidden">

	<div class="full-screen force-full-screen dark section nopadding nomargin noborder ohidden">

		<div class="container center">
			<div class="vertical-middle ignore-header">
				<div class="emphasis-title">
					<div class="col_full">[

](#)</div>
<h4>
<span class="text-rotater nocolor" data-separator="|" data-rotate="fadeIn" data-speed="3500">
<span class="t-rotate t300 font-body ls3">{% if entry.titel1|length %}{{entry.titel1}}{% endif %}{% if entry.titel2|length %}|{{entry.titel2}}{% endif %}{% if entry.titel3|length %}|{{entry.titel3}}{% endif %}</span>
</span>
</h4>
</div>

Leesmeer
</div>
</div>

		<div class="video-wrap" style="background:">
			<video poster="/images/hairidvideo.jpg" preload="auto" loop autoplay muted>
				<source src='http://www.hairid.be/images/hairid2.webm' type='video/webm' />
				<source src='http://www.hairid.be/images/hairid.mp4' type='video/mp4' />
			</video>
			<div class="video-overlay" style="background-color: rgba(0,0,0,0.25);"></div>
		</div>
		
		[](#content)

	</div>

</section><!-- #slider end -->

And the attachment would not upload, here it is

Sorry, i didn't see any notification of your message.

Here is the url live:

http://www.hairid.be/nieuw/

That worked thanks!