How can I hide a text block that's over an image on desktop view only?

Site URL: https://attorneyaaronromano.com/

I'm trying to make a text block only be visible over an image in mobile view and be hidden when viewing the website in desktop view. 

I did a little digging and figured it out myself. Here's the code I used for those who are trying to do something similar: 

Quote

#block-91a5df25d313a2fd6f8f {
  @media screen and (max-width: 640px) {
    }
    .summary-item:nth-child(n+4) {
      display: none;
    }
    .summary-carousel-pager {
      display: none!important;
    }
  }
  @media screen and (min-width: 640px) {
    #block-91a5df25d313a2fd6f8f {
      display: none;
    }}