Instagram Block Full Bleed?

Not sure if anyone else is looking for this, but thought I'd share.

Not an ideal solution as it goes outside of margins to avoid having to remove padding and margins from all blocks. The values of the margins will need to be edited to fit your site but the following should give people a starting position.

On my end I was using the Carousel design:

//desktop
@media (min-width:961px)
{
.instagram-block{
 padding-left:0px !important;
 padding-right:0px !important;
 //margin-left:-40px !important;
 //margin-right:-40px !important;
 width:100vw !important;
 left:0% !important;
 margin-left:-168px !important;
}
}

//tablet
@media (max-width:960px){
   .instagram-block{
   padding-left:0px !important;
   padding-right:0px !important;
   width:100vw ;
   left:0% !important;
   margin-left:-17px !important;

 }
}

//mobile
@media (max-width:640px) {
 .instagram-block{
   padding-left:0px !important;
   padding-right:0px !important;
    width:100vw ;
   left:0% !important;
   margin-left:-3px !important;
 }
}

Hope this helps someone!