Carousel differs but same code

[TrendBlend]

Hello, I got this code for displaying a product carousel on my collections page:

code: https://codeshare.io/KW0wn8

 https://interiorglows.com/collections/wall-art

I want the carousel to look like this! This one has the same code but differs:

code (differs slightly because of targetting other cards): https://codeshare.io/1VMZXB

https://interiorglows.com/products/modern-iron-wall-art-birds

 

 

[TrendBlend]

Hello @Test91 , I'm sorry but that does not change anything

[Ahmad31]

Hi @TrendBlend 

In theme.liquid file before </head> tag paste this code:

<style>
/* Media query for screens with a maximum width of 749px */
@media screen and (max-width: 749px) {
    /* Adjust the width of .swiper-slide elements to 49%, overriding other styles */
    .swiper-slide {
        width: 49% !important;
    }
}
</style>

[TrendBlend]

Hello @Ahmad31, this one at the top: Modern Iron Wall Art – Bird Flight Design – InteriorGlows is not the same as Wall Art – Transform Your Space with Style and Elegance – InteriorGlows ON PHONE. I like this one more: Wall Art – Transform Your Space with Style and Elegance – InteriorGlows but do you know why they differ and how I can Modern Iron Wall Art – Bird Flight Design – InteriorGlows carousel to show like this one: Wall Art – Transform Your Space with Style and Elegance – InteriorGlows?