I created the sheared frames but unable to make the images align straight?
If there is a how to video, please share 🙂
Are you saying the images are sheared too? Can you show us a screeshot?
First create the boxes as regular triangles
Use the Direct Select tool to drag across and select the top corners only
Shift-drag the selected points to the left. Images placed into the boxes will not be skewed
I created the boxes using frames.
Using Object > Transform > Shear will let you input specific values too