Remove dead space on the right of accordion expansion on mobile

On my https://momentengineering.us/our-team page, there's this dead space on the right of the page that makes the texts look like its aligned to the left on mobile that I would like to remove. I've tried div#block * {text-align:center}, but there's still this weird invisible column on the right. 

Additionally, when expanded, the accordion texts/ bar eats into the image that's placed below it. Not sure how to update spacing without messing up the look when the accordion is collapsed.

Add this code to Design > Custom CSS to fix problem

.accordion-item__description {
    max-width: 100% !important;
}