The video actually looks great on desktop.
On mobile the problem is the video plays from the center. I'd like the video to align/justify from the top of the video. Right now if you watch the video everyone's head is cut off. https://www.salonposta.com The size of the video is perfect :)
Thanks!
Here's all my CSS:
//Shrink Your Logo
#header .header-title-logo img {
transition: max-height 140ms ease-in-out
}
#header.shrink {
.header-announcement-bar-wrapper{
padding-top: 20px!important;
padding-bottom: 20px!important;
}
.header-title-logo img {
max-height: 65px;
}
}
//Avoid cut off of images and video
@media screen and (min-width:992px) {
body.homepage article section:first-child {
margin-top: 25vh !important;
}}