Mobile Image Overlay Width

Site URL: https://matey.app

Hi, I've applied some code to have image cards appear smaller in mobile view. Is there a way I can exclude image poster blocks from being altered? Currently, my image poster block appears crushed on mobile. Any idea how to have it appear with the same margins as the other elements on the site in mobile view? I've attached a screenshot below. Thanks!

@media screen and (max-width: 767px) {
  #block-yui_3_17_2_1_1597884598834_12098 .image-inset {
    width: 100%;
    margin: 0 !important;
  }

  #block-yui_3_17_2_1_1597884598834_12098 .image-inset .loaded {
    width: 100% !important;
    left: 0 !important;
  }
}

@rwp Thanks, is there any way to make sure the text and button are inside the image area? They are currently partially outside of it.