div.brands {
  position: relative;
  background-image: url('../../assets/img/login-page.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #ffff;
}

div.brands::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  filter: blur(5px);
  z-index: -1;
}
div.boxes {
    background: #23323e96;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 10px;
}
@media (min-width: 768px) {
    div.logo-txt {
        margin-top: 50%;
    }
}
img.logo {
    padding: 5px;
}
img.logo2 {
    padding: 2px;
    width: 100%;
    margin-top: 10px;
}
div.brands p {
    font-weight: bolder;
    width: 100%;
    padding: 10px;
    border-radius: 10px;
}