Looking for a way to define the center for each image in a Swiper gallery

[ScreenDream]

Hi,
so far I was using Galleria for my images and it had an option to define for each image where it's focus point is. So when I have a landscape image on a portrait screen, I can for instance set the visible center to "20% 50%" when there is something important on that side.

How would I go about this in Swiper?
I am using the fade transition with fullscreen images.
I haven't found anything in the API docs.

I guess I need to use some CSS for each slide, but am unsure how to best approach it.

I tried to use the CSS object-position on each slide to no avail and I'm out of ideas...

Thanks a lot for any pointers!

[ScreenDream]

Ok, so I found a way to set all slides to center the image:

.swiper-slide > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

Still haven't found a way to address individual slides. I basically need to set the object-position for each slide.

Cheers and I hope somebody can shed some light here... :-)

[ScreenDream]

Ok, with the above in the main CSS file and then local overwrites per slide I got it to work like I need it:

    <!-- Slider main container -->
    <div class="swiper">
        <!-- Additional required wrapper -->
        <div class="swiper-wrapper">
            <!-- Slides -->
            <div class="swiper-slide">
                <img style='object-position: 15% 50%;' src='/img/image1.webp'/>
            </div>
            <div class="swiper-slide">
                <img style='object-position: 50% 50%;'src='/img/image2.webp' loading='lazy'/>
            </div>
         ...

Awesome! :-)