Merge two Gallerys

Site URL: https://www.copymerightnow.com/about-1-5

Hey Guys, 

I want to show pictures of one of my projects  in a gallery, but they are different sizes. 
I currently have a gallery with two images per row that are 16:9 and then a gallery with 3 images per row that are square (1:1). The images are contiguous and should be displayed in a gallery. 
Due to my subscription I can only use custom css.

I found this code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
             $('section[data-section-id="66ed2c3e2f063471736e09c1"] .gallery-grid-wrapper').insertAfter('section[data-section-id="6707a04e0b698b4fb4bd8f3e"] .gallery-grid-wrapper');
});
</script>
<style>
section[data-section-id="6707a04e0b698b4fb4bd8f3e"] .gallery-grid-wrapper {
    margin-bottom: 1.75vw;
}
</style>

but I don't have access to the page header code injection due to my subscription.


Can anyone help me out?

You can add a Markdown Block in Site Footer > Then paste your code to it