How to horizontally scroll a block to the left side of the screen?

Question

JavaScript

Good day!
The essence of the question is that when you click on the block, it should open and become pressed to the left side of the screen (if possible) or to the right, I attached an example Pen below, please tell me how to scroll the .row to the desired position based on the location of the .main-block
https: //codepen.io/MB116/pen/ZjNLpp