I see into your websites while you add 2 shortcode.
As the rule of shortcode each one took 100% width and unable to comes into Vertical Alignment. In this case you have solutions.
Solutions 01: go into shortcode edit page and add more image. kindly check this https://youtu.be/SGHeoNPogbE?t=51 after add more image set column settings as how many column you wanna into single rows. https://youtu.be/SGHeoNPogbE?t=75 once you set column you can use single shortcode as 3 or 4 image per rows.
Solutions 02: If you have some bootstrap column knowledge so you can use as html. I use custom column name as b
<div class=”oxi-addons-container”>
<div class=”oxi-addons-row”>
<div class=”oxi-bt-col-lg-4 oxi-bt-col-md-6 oxi-bt-col-sm-12″>
#SHORTCODE
</div>
<div class=”oxi-bt-col-lg-4 oxi-bt-col-md-6 oxi-bt-col-sm-12″>
#SHORTCODE
</div>
<div class=”oxi-bt-col-lg-4 oxi-bt-col-md-6 oxi-bt-col-sm-12″>
#SHORTCODE
</div>
</div>
</div>
I offer only col-12, col-6, col-4, col-3, col-2 and col-1 only. So you can add multiple shortcode into this HTML with basic bootstrap formula.
Hi. Thanks a lot the column settings makes it work! I created a shotcode with 6 images in it and set column settings as how many column I want in single row.
Now I have a new problem. The flip animation doesn’t work.