Disable Hover Text Effect on Mobile

Site URL: https://creativejourney.life

Hello

I am trying to disable this effect on the mobile version of my site
Pass is ngart2022 if you want access the site

Heres the CSS Code I am using

.fe-block-6313f2fbc9287602656c2b6d {
  display: none;
  pointer-events: none;
}

.fe-block-6313f2fbcf37a66948dfbf63:hover ~.fe-block-6313f2fbc9287602656c2b6d {
  display: block;
}

I want the captions to the images to be active and visible all the time on mobile
essentially I want to disable the "display: none;" on mobile versions and not wait for the hover

Thanks for the help

I figure it out added 
"  @media screen and (max-width:767px) {
    display: block;
  }"

Full CCS Below

.fe-block-6313f2fbbc5132d2d90956ca {
  display: none;
  pointer-events: none;
  @media screen and (max-width:767px) {
    display: block;
  }
}

.fe-block-6313f2fbeeba99d22dcc2360:hover ~.fe-block-6313f2fbbc5132d2d90956ca {
  display: block;
}