Hi

Thanks for contacting us. Could you please give me a screenshot of your issue?

-Regards.

On PC Screen: https://kepler-privatschulen.de/images/pc.jpg On Smartphone: https://kepler-privatschulen.de/images/smartphone.jpg

Isn't it ok? It seems fine to me.

Have you seen both screenshots? On PC screen it looks fine, on smartphone it doesn't.

Yes I see. Isn't it ok?

https://prnt.sc/uhDgs5U6ZFJe

I mean on small screen it will be small right? And the resolution is also perfect.

I'm talking about the edgewise display, not landscape. There it makes the width smaller, which is ok, but it doesn't correct the height proportional. As you can see: On big screen it is 16:9 on small screen it is almost 1:1, a circle becomes an ellipse on small screens (edgewise!). So the resolution may be ok, but the ratio width:height isn't on edgewise display.

The news carousel on the front site works edgwise and landscape but the employee doesn't like some other features of this carousel which can't be changed by me. So I need to switch to a different one.

You can use this custom CSS and set the width and height from here

@media (max-width: 844px){
.sppb-carousel-extended-item img{
    height: 300px !important;
    width: 300px !important;
}
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.