html,
body {
    max-width: 100%;
    overflow-x: hidden;
}



.register-hero {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    background-image:
        linear-gradient(rgba(13, 110, 253, 0.6), rgba(13, 110, 253, 0.6)),
        url("../img/register-hero.jpeg");
    background-size: cover;
    background-position: center;
}

.register-card,
.register-side {
    border-radius: 1rem;
    color: var(--jiris-text-primary);
}

@media (max-width: 991.98px) {
    .register-hero {
        min-height: 180px;
    }
}