.box-height {
  width: 100%;
  height: 300px;
  margin-top: 40px;
}

.sobre-background {
  margin-right: -15px;
  background-image: url("../img/infografia.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-infografia {
  background-image: url("../img/info-sobrenos.svg");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 45% 320px;
}

@media (min-width: 1750px) {
  .p-xxl-reset {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (min-width: 1700px) {
  .bg-infografia {
    background-size: 50% 50%;
  }
}

@media (max-width: 767px) {
  .sobre-background {
    background-size: contain;
    background-position: right;
  }
  .bg-infografia-mobile {
    background-image: url("../img/info-sobrenos.svg");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto;
    width: 100%;
    height: 350px;
  }
  .bg-infografia {
    background: none;
  }
  .infografia-image {
    width: 100%;
    height: 450px;
    object-fit: cover;
    object-position: left;
    position: relative;
  }
}

@media (max-width: 575px) {
  .sobre-background {
    background-size: 450px;
    background-position: 0px;
  }
  .bg-infografia-mobile {
    background-image: url("../img/info-sobrenos.svg");
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    width: 100%;
    margin-top: 20px;
  }
  .infografia-image {
    width: 100%;
    height: 350px;
    object-fit: cover;
    object-position: left;
    position: relative;
  }
}

@media (max-width: 400px) {
  .infografia-image {
    height: 270px;
    right: 0;
  }
}