body {
    width: 100%;
    height: 100vh;
    background-color: #000000;
}
.main {
    width: 100%;
    height: 100vh;
    position: relative;
}
.image-left {
    background-color: #000000;
}
.form-slider, .image-left {
    width: 50%;
    height: 100vh;
    position: relative;
}
.image-left IMG {
    width: 70%;
    height: auto;
}
.carousel-item{
    width: 100%;
    height: 100vh;
}
.carousel-item-cont{
    width: 100%;
    height: 100vh;
    position: relative;
}
.invalid-feedback {
    display: block !important;
}
@media screen and (max-width: 767px) {
    body {
        height: auto;
    }
    .main {
        align-content: flex-start;
        height: auto;
    }
    .image-left {
        width: 100%;
        height: 35vh;
    }
    .image-left IMG {
        max-height: 30vh;
    }
    .form-slider {
        width: 100%;
        height: 50vh;
    }
    .main {
        flex-wrap: wrap;
    }
    .carousel-item{
    height: 50vh;
    }
    .carousel-item-cont{
        height: 50vh;
    }
}