Wrong size on mobile display

Hot Rain Template uses an image (video.jpg) sized 1280x720 pix. Both on Android and Iphone is not dispalyed properly. Is there a plugin, a javascript or a php/css solution to make it work right on any display?

What is problem you get on such devices?

The still image is cropped rather being resized.

Send link

maremoto.org It is okay on screens >1280 but looks bad on android and other small displays.

Add this to template_css.css at bottom:

div#videobg{
background-size: cover;
background-position: center center;
}


video#bgvid{
height: auto!important;
}