Адаптивное фоновое изображение для слайдера

Question

привет всем, я пытаюсь добавить адаптивное фоновое изображение для моего слайдера, но это не работает, вот код:

.slider
{
    width: 100%;
    margin-top: 47px;
    background-image: url('/images/banner.png');
    color: white;
    text-align: center;
    padding: 130px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}