Images align vertically and right next to each other without a space in between

Hi, would anybody know, why I can’t get images to go next to each other horizontally. I downloaded WP Photo Effects plugin to do effects with my images, but now they have gone vertically with no space in between. I wanted them horizontally with a space in between.
I have done the following:

<div class="zoomout wppe-hover" style="text-align: left;">
<figure class="wp-block-gallery columns-4 is-cropped">
<figure><img class="wp-image-1195 alignleft" src="https://backyardleathercraftcom.local/wp-content/uploads/kiddies-purses-R45-800x506.jpg" alt="" data-id="1195" data-full-url="https://backyardleathercraftcom.local/wp-content/uploads/kiddies-purses-R45-scaled.jpg" data-link="https://backyardleathercraftcom.local/my-products/kiddies-purses-r45/"><figcaption class="blocks-gallery-item__caption"></figcaption></figure>
</figure>
<ul>
<li class="blocks-gallery-item">
<figure><img class="wp-image-1452 alignleft" src="https://backyardleathercraftcom.local/wp-content/uploads/sling-bags-R150-800x568.jpg" alt="" data-id="1452" data-full-url="https://backyardleathercraftcom.local/wp-content/uploads/sling-bags-R150-scaled.jpg" data-link="https://backyardleathercraftcom.local/my-products/sling-bags-r150/"><p></p>
<figcaption class="blocks-gallery-item__caption">sling bags R150</figcaption>
</figure>
</li>
<li class="blocks-gallery-item">
<figure><img class="wp-image-1453 alignleft" src="https://backyardleathercraftcom.local/wp-content/uploads/IMG_20210930_104957-800x440.jpg" alt="Black leather belt" data-id="1453" data-full-url="https://backyardleathercraftcom.local/wp-content/uploads/IMG_20210930_104957-scaled.jpg" data-link="https://backyardleathercraftcom.local/my-products/img_20210930_104957/"><p></p>
<figcaption class="blocks-gallery-item__caption">Leather belts R150</figcaption>
</figure>
</li>
<li class="blocks-gallery-item">
<figure><img class="wp-image-1454 alignleft" src="https://backyardleathercraftcom.local/wp-content/uploads/Belts.jpg-800x535.jpg" alt="Brown leather belt" data-id="1454" data-full-url="https://backyardleathercraftcom.local/wp-content/uploads/Belts.jpg-scaled.jpg" data-link="https://backyardleathercraftcom.local/my-products/belts-jpg/"><p></p>
</figure>
</li>
</ul>
</div>

<!-- wp:html /-->

<!-- wp:gallery {"ids":[],"linkTo":"none"} -->
<figure class="wp-block-gallery columns-0 is-cropped"><ul class="blocks-gallery-grid"></ul></figure>
<!-- /wp:gallery -->