.left {
  display: table-cell;
  background-color: var(--brand-color);
  height: calc(100vh - 135px);
  width: 50vw;
  background-image: url(../assets/logo_50.svg);
  background-repeat: no-repeat;
  background-position: 30px 15px;
}

.right {
  display: table-cell;
  width: 50%;
  background-image: url(../assets/signup/bailey-zindel-396398-unsplash.jpg);
  /*filter: grayscale(100%);*/
  background-size: cover;
}

.flex-wraper {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.signup-form {
  height: 540px;
  width: 540px;
  margin: auto;
}