#slider{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-size: cover;
}
#slider .sliderwrapper{
    position: relative;
    width: 100%;
    height: 100%;
}
#slider .sliderwrapper .slide{
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    opacity: 0;
    transition: all 1.5s ease;
}
#slider .sliderwrapper .slide.active{
    opacity: 1;
    transition: all 1.5s ease;
}
#slider .sliderwrapper .slide.start{
    transition: none;
}