.logo {
  width: 100px;
}
.col-form,
.col-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.col-form {
  background-color: #1b335f;
}
.col-text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(255, 255, 255);
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0.9) 50%,
    rgba(255, 255, 255, 0) 100%
  );
}
.block-form {
  max-width: 400px;
  color: #fff;
  text-align: center;
}
.block-text {
  max-width: 450px;
  color: #1b335f;
  text-align: left;
  position: relative;
  z-index: 2;
}

@media (max-width: 991.98px) {
	.col-text {
		background-image: none !important;
	}
}
@media (min-width: 992px) {
  .main {
    height: 100vh;
  }
  .logo {
	width: 120px;
  }
  .col-text {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
  }
}