#orbit-gallery {
    padding-bottom: 600px;
    overflow: hidden;
    position: relative;
}

.background-text {
    position: absolute;
}

.image-container, .static-background {
    /*overflow: hidden;*/
    width: 100%;
    position: absolute;
    height: 600px;
}

.static-background {
    z-index: -3;
    background: #2e4c8d;
    /*background: #fff;*/
}

.image-container.selected {
    -webkit-transition: 1s ease-out;
    transition: 1s ease-out;
    z-index: -2;
    /*-webkit-transform: none !important;*/
    /*-moz-transform: none !important;*/
    /*-ms-transform: none !important;*/
    /*-o-transform: none !important;*/
    transform: none !important;
    /*filter: blur(0) drop-shadow(70px 70px 70px rgba(0,0,0,.5)) !important;*/
    filter: blur(0) drop-shadow(70px 70px 70px rgba(0,0,0, 0)) !important;
}



.after-selected .image-inner-container{
    -webkit-clip-path: circle(100% at 50% 40%) !important;
    clip-path: url(#circle-full);
    clip-path: circle(100% at 50% 40%) !important;
    -webkit-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.image-container {
    -webkit-transition: 1s ease-out;
    transition: 1s ease-out;
    /*overflow: hidden;*/
    /*filter: drop-shadow(12px 60px 60px rgba(0,0,0,1)) !important;*/
    transform-origin: center;
    pointer-events: none;
}

.image-inner-container {
    -webkit-clip-path: circle(190px at 60.8% 34%);
    clip-path: url(#circle);
    clip-path: circle(190px at 60.8% 34%);
    /*overflow: hidden;*/
    height: 100%;
    pointer-events: none;
}

.image-container:not(.selected) .image-inner-container {
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: floating;
    animation-name: floating;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-transition: margin 1s cubic-bezier(0.2,0.6,0.3,1),opacity 2s ease;
    transition: margin 1s cubic-bezier(0.2,0.6,0.3,1),opacity 2s ease;
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.image-container img {
    transform-origin: top;
    object-fit: contain;
    position: absolute;
    margin: auto;
    left: 0;
    right: -22%;
    bottom: 0;
    pointer-events: fill;
    cursor: pointer;
}

.image-container.selected .image-inner-container {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    z-index: 10;
}

#image-0 .image-inner-container{
    background: #C92F2F;
}

#image-1 .image-inner-container{
    background: #BE4690;
}

#image-2 .image-inner-container{
    background: #8363AE;
}

#image-3 .image-inner-container{
    background: #49B4C6;

}

#image-4 .image-inner-container{
    background: #DF6D24;
}

#image-5 .image-inner-container{
    background: #3B8868;
}

#image-6 .image-inner-container{
    background: #F1AE43;
}

#image-7 .image-inner-container{
    background: #7d8fff;
}

@keyframes floating {
    from {
        -webkit-transform: translateY(8px) rotate3d(0,0,1,3deg);
        transform: translateY(8px) rotate3d(0,0,1,3deg)
    }

    to {
        -webkit-transform: translateY(-8px) rotate3d(0,0,1,0deg);
        transform: translateY(-8px) rotate3d(0,0,1,0deg)
    }
}

@-webkit-keyframes floating {
    from {
        -webkit-transform: translateY(8px) rotate3d(0,0,1,3deg) !important;
        transform: translateY(8px) rotate3d(0,0,1,3deg) !important;
    }

    to {
        -webkit-transform: translateY(-8px) rotate3d(0,0,1,0deg) !important;
        transform: translateY(-8px) rotate3d(0,0,1,0deg) !important;
    }
}

@media (max-width: 767px) {
    .image-container {
        transform: none !important;
        filter: none !important;
        opacity: 0;
    }

    .image-container.selected {
        opacity: 1;
    }

    .image-container .image-inner-container {
        -webkit-clip-path: none !important;
        clip-path: none !important;
        animation: none !important;
    }

}

@supports (-ms-ime-align:auto) {
    .image-container {
        transform: none !important;
        filter: none !important;
        opacity: 0;
    }

    .image-container.selected {
        opacity: 1;
    }

    .image-container .image-inner-container {
        -webkit-clip-path: none !important;
        clip-path: none !important;
        animation: none !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .image-container {
        transform: none\9 !important;
        filter: none\9 !important;
        opacity: 0\9;
    }

    .image-container.selected {
        opacity: 1\9;
    }

    .image-container .image-inner-container {
        -webkit-clip-path: none\9 !important;
        clip-path: none\9 !important;
        animation: none\9 !important;
    }
}