Background Class – Css for Changing the Size in Mobile

Hey There,

I made a background-class with two images in it.
They look nice in Desktop, but on mobile, the images are too big.
Is it possible to tell the Class to scale the pictures in mobile devices?
This is my Css Code:

.hintergrund-01 {
    background-image: url(https://boxstudio-andres.de/wp-content/uploads/2023/02/kachel-1.jpg);
    background-repeat: repeat;
    background-size: auto;
    position: relative;
}

.hintergrund-01::before {
    content: "";
    background-image: url(https://boxstudio-andres.de/wp-content/uploads/2023/03/boxstudio-andres-hamburg-hintergrund-footer-1.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

/* erhöhen  z-Index, sonst hinten */

.hintergrund-01 {
    z-index: 2;
}

Thank you!
Cheers
Monika