Mobile css max width image to screen width

Hello,

I just want to adjust one thing to this otherwise perfect theme;

The maximum width for images should never be more than width of the screen. When looking on my phone in portrait only the center of images is visible. I added to .builder-banner-slide:
background-size: 100% auto;

This almost did the trick, but theres to much white space now. Could someone provide a better way to fix this? Maybe using @media … orientation: portrait ??

Love to hear from you 😉

@media all and (orientation:landscape) {
[styles for landscape orientation]
}

@media all and (orientation:portrait) {
[styles for portrait orientation]
}

Thanks in advance! Nick.