Reports

For those who may have the same problem in the future, here is the solution with only CSS.

.c-login__wrapper {
  -webkit-box-pack: unset;
  -webkit-box-align: unset;
  align-items: center;
  display: flex;
  height: 100vh;
  justify-content: space-around;
}

.login-positioner {
  display: flex;
  flex-basis: 100%;
  justify-content: center;
  background-color: green;
}

.login {
  background-color: red;
  margin: 0;
  width: 200px;
}

.marketing-wrapper {
  align-items: center;
  background-color: aqua;
  height: 100%;
  display: flex;
  flex-basis: 100%;
  justify-content: center;
}

.marketing-positioner {
  // margin: 0 auto;
  height: 371px;
  width: 355px;
  background-color: yellow;
}

And the working example https://codesandbox.io/p/sandbox/nervous-waterfall-gmgcvf?file=%2Fstyles.css%3A1%2C1-38%2C1

79358543