@media only screen and (max-width: 768px) {
    #main_cms::after {
        background-size: cover; /* dopasowanie do szerokości */
        background-position: center top;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; /* lub inna wartość np. 300px */
        opacity: 0.2; /* opcjonalne, jeśli tekst ma być bardziej czytelny */
    }
}

@media (max-width: 979px) {
  #main_cms:after {
    content: unset;
  }
}
@media (min-width: 979px) {
  #main_cms:after {
    margin-left: -1vw !important;
  }
}
@media (min-width: 1000px) {
  #main_cms:after {
    margin-left: -1vw !important;
  }
}
@media (min-width: 1050px) {
  #main_cms:after {
    margin-left: -5vw !important;
  }
}
@media (min-width: 1100px) {
  #main_cms:after {
    margin-left: -1vw !important;
  }
}
@media (min-width: 1150px) {
  #main_cms:after {
    margin-left: -0vw !important;
  }
}
@media (min-width: 1200px) {
  #main_cms:after {
    margin-left: -10vw !important;
  }
}
@media (min-width: 1250px) {
  #main_cms:after {
    margin-left: -10vw !important;
  }
}
@media (min-width: 1300px) {
  #main_cms:after {
    margin-left: -15vw !important;
  }
}
@media (min-width: 1400px) {
  #main_cms:after {
    margin-left: -20vw;
  }
}
@media (min-width: 1500px) {
  #main_cms:after {
    margin-left: -24vw !important;
  }
}
@media (min-width: 1550px) {
  #main_cms:after {
    margin-left: -30vw !important;
  }
}
@media (min-width: 1700px) {
  #main_cms:after {
    margin-left: -40vw !important;
  }
}
@media (min-width: 2000px) {
  #main_cms:after {
    margin-left: -50vw !important;
  }
}
@media (min-width: 2300px) {
  #main_cms:after {
    margin-left: -60vw !important;
  }
}