sumcwan

@tuanphan still need help on this.

it's the video on the header of home page. @tuanphan

Site URL: https://flower-springtail-8n3z.squarespace.com/ site password: tothemoon I now inserted a youtube video as the hero background, the section height is set as 90vh, but I want to make the video always fits 100% height (and auto crop left and right). I tried adjusting height of sqs-block-content and section and both not working. Please help.

This is perfect! Thank you @tuanphan!

Hello @bangank36, I'm trying to achieve the same effect on my page, however it's not working. I tried adjusting the margin too. Can you help please? https://flower-springtail-8n3z.squarespace.com/ (password: tothemoon)

@bangank36 It works! Thank you very much!

Site URL: https://flower-springtail-8n3z.squarespace.com/ I'm trying to achieve this effect for a section on my site: https://codepen.io/P1N2O/pen/pyBNzX I am able to identify the section then applied the gradient, I just can't figure to animate it. Can anyone tell me how to solve this? [data-section-id="608a398bf571e2467b77682d"] .section-background { background: linear-gradient(45deg, #2242c1, #2beadb) !important; background-size: 200% 200% !important; -webkit-animation: AnimationName 5s ease infinite !important; -moz-animation: AnimationName 5s ease infinite !important; animation: AnimationName 5s ease infinite !important; } @-webkit-keyframes AnimationName { 0%{background-position:0% 51%} 50%{background-position:100% 50%} 100%{background-position:0% 51%} } @-moz-keyframes AnimationName { 0%{background-position:0% 51%} 50%{background-position:100% 50%} 100%{background-position:0% 51%} } @keyframes AnimationName { 0%{background-position:0% 51%} 50%{background-position:100% 50%} 100%{background-position:0% 51%} }