Custom CSS for image captions on mobile

Site URL: https://www.hellohome.co.nz/blog

My image captions are displaying overlayed on mobile, and perfectly on desktop. 

I need custom CSS to get the captions on mobile to display below each image. However, I've tried a couple of things which seems to be messing with my footer and banners which are blocks controlled through CCS I think? 

Any help appreciated. Thanks

Add to Design > Custom CSS
 

@media screen and (max-width:750px) {
.image-caption {
    margin-top: 0px !important;
}
}

On 6/11/2022 at 3:56 PM, tuanphan said:

Add to Design > Custom CSS
 

@media screen and (max-width:750px) {
.image-caption {
    margin-top: 0px !important;
}
}

 

Thank you. Worked perfectly.