.breadcrumb-container {
  background: rgb(0,16,48);
  /*   background: linear-gradient(90deg, rgba(0,16,48,1) 0%, rgb(0 16 48) 22%, rgba(0,52,106,0) 33%); */
  background: linear-gradient(90deg, rgba(0,16,48,1) 0%, rgb(0 16 48) 44%, rgba(0,52,106,0) 39%);
}
.breadcrumb-container #breadcrumbs {
  background: url(https://f.hubspotusercontent40.net/hubfs/5826396/resource%20page/breadcrumbs-secondary.svg);
  background-repeat: no-repeat;
  background-position: -1px 0;
  background-size: 35% 100%;
  padding-left: 15px;
  padding-right: 15px;
}
.breadcrumb-container > .container > .row > .col-12 {
  background: linear-gradient(-67deg,#d8ecff 0%,#eaf8ff 93%);
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 992px) {
  .breadcrumb-container #breadcrumbs {
    background-size: 45% 100%;
  }
}

@media (max-width: 767px) {
  .breadcrumb-container #breadcrumbs {
    background-size: 60% 100%;
  }
}

@media (max-width: 568px) {
  .breadcrumb-container #breadcrumbs {
    background-size: 70% 100%;
  }
}

@media (max-width: 480px) {
  .breadcrumb-container #breadcrumbs {
    background-size: 85% 100%;
  }
}

@media (max-width: 360px) {
  .breadcrumb-container #breadcrumbs {
    background-size: 100% 100%;
  }
}