Page header image not correct on mobile and small broswer window

I have just noticed when page header is viewed short width browser window image does not scale to fit.

Please see attached image grab.

http://www.dymockfestival.co.uk/

 

Hi Helen,

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 767px) and (min-width: 480px){
#featured {
  height: 164px;
}
}
@media only screen and (max-width: 480px){
#featured {
  height: 99px;
}
}

Thanks,
Praveen