.user-form-page {
  min-height: 100vh;
  display: block;
}

.user-form-page__user-form {
  width: 100%;
  background: #fff;
  padding: 2rem;
  position: relative;
  z-index: 2;
}

.content-header {
  text-align: center;
  margin-bottom: 2rem;
}

.user-form-page__wallpaper {
  width: 100%;
  min-height: 50vh;
  position: relative;
  background: #f5f5f5;
}

/* Regular wallpaper image */
.user-form-page__wallpaper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

/* When we have an overlay, use the image as background instead */
.user-form-page__wallpaper.with-overlay {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.user-form-page__wallpaper.with-overlay img {
  display: none;
}

.actus-login-overlay-block {
  width: 80%;
  margin: 2rem auto;
  padding: 2rem;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 8px;
  position: relative;
  z-index: 1;
}

.user-form-page__container {
  display: flex;
  flex-direction: column;
  flex: 1;
}

@media (min-width: 768px) {
  body.gin-login .actus .user-form-page__user-form {
    flex-basis: 35%;
    width: 35%;
    min-width: 320px;
  }

  body.gin-login .actus .user-form-page__wallpaper {
    width: 65%;
  }
}

.layout-container {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.page-content {
  flex: 1;
  padding: 1rem;
}

.actus-login-overlay-block * {
  color: #333;
}