/* Mobile first */
.ssu-site-footer__background {
  top: 50px;
  right: 75%;
  background: url('/themes/custom/ssu_radix/build/assets/images/textures/footer/ssu-footer-bg.png') no-repeat right bottom !important;
  background-size: auto 100% !important;
  width: 100%;
  max-width: 450px;
  height: 100%;
  max-height: 450px;
}

/* Desktop - lg breakpoint (typically 992px and up) */
@media (min-width: 992px) {
  .ssu-site-footer__background {
    top: -15px;
    right: 75%;
    height: 125%;
  }
}

/* XL breakpoint (typically 1200px and up) */
@media (min-width: 1200px) {
  .ssu-site-footer__background {
    right: 83%;
  }
}