Wexley Template (Squarespace 7.0) footer customization help

I'm messing around with the Wexley template for a client and can't for the life of me figure out how to justify text and images differently on desktop view in the footer. I have it justified right and it works in on mobile, but on desktop it stubbornly stays on the left. Any simple custom CSS to fix this?

https://www.characterdriven.work/corporate-portraiture

On mobile it works:

I would justify the elements on desktop using the available tools, and then use CSS to adjust just the mobile view. Are you simply wanting the text to be center aligned on desktop?

Oops I had some custom CSS in there preventing the text from justifying right.  Now I just need the picture of the logos at the very bottom to justify right. Any ideas?

The custom CSS was this:

@media screen and (min-width:800px) { header#header { display: flex; } div#logo, section#page p { text-align: left !important; } div#topNav { text-align: right !important; } }
.form-wrapper {
background:#f2f2f2; 
padding:5px; 
border-style:solid; 
border-width:1px; 
border-color:#7B666A;
}
#topNav nav .folder .subnav {
   background: hsl(220, 4%, 100%) !important;
}
.form-wrapper {
  padding: 50px; 
  background-color: #fefefe;
  border: 1px solid #bababa;
  border-radius: 0;
}
.button.sqs-system-button.sqs-editable-button{background:#026873;}

And I changed it to this (I simply deleted the p tag after section#page in the first line.

@media screen and (min-width:800px) { header#header { display: flex; } div#logo, section#page { text-align: left !important; } div#topNav { text-align: right !important; } }
.form-wrapper {
background:#f2f2f2; 
padding:5px; 
border-style:solid; 
border-width:1px; 
border-color:#7B666A;
}
#topNav nav .folder .subnav {
   background: hsl(220, 4%, 100%) !important;
}
.form-wrapper {
  padding: 50px; 
  background-color: #fefefe;
  border: 1px solid #bababa;
  border-radius: 0;
}
.button.sqs-system-button.sqs-editable-button{background:#026873;}

Thanks!

Try this:

@media only screen and (min-width:768px) {
  #block-yui_3_17_2_1_1666942614856_4137 {
    .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .intrinsic {
      margin-right: 0 !important;
    }
  }
}

(Just targeting desktop)

Hmmm doesn't seem to work.

Don't remove any code in your current code. Add this to Design > Custom CSS

/* align right footer images */
div#block-yui_3_17_2_1_1666942614856_4137 figure {
    margin-right: 0 !important;
}