.home-banner {
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.home-banner-admin {
    display: none;
}

.home-banner-images img {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    object-fit: cover;
    object-position: 85%;
}

.home-banner-images img.active {
    opacity: 1;
}

.home-banner-images:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.46) 80%, rgba(0,0,0,0.55) 100%);
}

.home-banner-dots {
    width: 100%;
    position: absolute;
    bottom: 25px;
    left: 0;
    display: flex;
    justify-content: center;
}

.home-banner-dots .dot {
    cursor: pointer;
    margin: 0px 5px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #DAEAF4;
}

.home-banner-dots .dot.active {
    background-color: #6685C7;
}



.home-banner-captions {
    padding: 0 25px;
    z-index: 2;
}

.home-banner-captions .caption {
    position: absolute;
    left: 25px;
    bottom: 25px;

    color: #fff !important;
    font-size: 2em;
    text-shadow: 1px #000;
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.home-banner-captions .caption.active {
    opacity: 1;
}