Tudor theme - full width images without full width text CSS

I am trying to stretch images to be full width without text being full width. I have tried this but it isn't changing anything:

<style>.image-block {
@media screen and (max-width:1024px) {
.sqs-layout .sqs-row .sqs-block .sqs-block-image:first-child {
   padding: 0 !important;
}
.sqs-layout .sqs-row .sqs-block .sqs-block-image:second-child {
   padding: 0 !important;
}
  .sqs-layout .sqs-row .sqs-block .sqs-block-image:third-child {
   padding: 0 !important;
}
  }
}
</style>

I got it to work with this but that stretches everything including the text and making the hamburger up against the side of the browser as well. 

<style>.responsive-padding--right {

padding-right: 0px;

  }

.responsive-padding--left {

padding-left: 0px;

  }

</style>

Any ideas? Thank you!! 

Hi. Can you share page url? We can help easier