Help Making Grid More Responsive

So as seen from my read-only, I have a 2 column grid, the second column is hidden per row, when hovering the logos found on the first column, the second column appears to show more info on it. I would like to make the first column, that has all the logos, closer together, like all the logos have less gaps between them, but the only way I can think to do so is by making the 2nd columns contents smaller, which I can’t do. And on top of this, I would like to set the 2nd columns contents that reveal, to always show up centre aligned in that second columns section if that makes sense. so that you don’t have to scroll to see the second columns content, only scroll to hover the logos. Sorry if this is a bit convoluted or complexly written!

By the way, it seems my interactions from the read only link only work after you toggle preview mode off and back on again.

Any help would be much appreciated!
Thanks!


Here is my site Read-Only: Webflow - DESIGN OR ILLUSTRATION