How do I add side space to image bar, only for desktop version? (not mobile)

Store Design
,
1

How do I add side space to image bar, only for desktop version?

If I use moderate size image for mobile, it is too big for desktop.

If I use moderate size image for desktop, it is too small for mobile.

I searched, and I think the only way I can do is changing images of different size.

I want to know how to add white side space both side (left and right) of the image banner.

2

I fixed some errors, and it worked.

@media (min-width: 1024px) {
{
padding-left: 15%;
padding-right: 15%;
background-color: #ffffff;
}
}