.dbbanner picture img {
    width: 100%;
    height: 100%;
}

.dbbanners {
    padding-left:0;
    padding-right:0;
    position: relative;
}

@media (max-width: 999px) {
    .dbbanners {
        padding-left: 0;
        padding-right: 0;
        padding-top: 100%;
        position: relative;
    }
    
    .dbbanner {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        opacity: 0;
        transition: opacity 1s ease-in-out;
    }
    
    .dbbanner-active {
        opacity: 1;
        width: 100%;
    }
    
    .dbbanner.slide-in {
        animation: slideIn 0.5s ease-in-out forwards;
    }
    
    @keyframes slideIn {
        from {
            transform: translateX(-100%);
            opacity: 0;
        }
        to {
            transform: translateX(0);
            opacity: 1;
        }
    }
        
}

@media (min-width: 1000px) {
    .dbbanners {
        padding-left: 0;
        padding-right: 0;
        position: relative;
    }
    
    .dbbanner {
        position: relative;
        opacity:1;
    }    
}