Banner text alignment in Mobile View Only

Hi,

My website is www.kanaandakash.com. The website looks great in desktop view but in mobile the text covers the focal point of the banner image. I am trying to align the text to the top of the banner image where there is more empty space but this is proving difficult. I am trying the custom css editor but unfortunately can't get it to work. I would really appreciate some help with this. Thanks!

@media screen and (max-width: 641px) {
  h1{text-align: top}
}

@AkashAg Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
div#block-40c3979b353b76d75fa0 {
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    z-index: 999;
}
}