.images {
    background: #fff;
    width: 100%;
    height: 74vh;
    transition: background 0.5s linear;
    background-size: contain;
}
.slide {
    appearance: none;
    width: 40px;
    height: 47px;
    margin: 5px;
    cursor: pointer;
    -webkit-appearance: none;
    background-color: #444;
    background-size: cover;
}

.slide1 {
    background: url('../images/case-study-2/slide-1.png');
    background-size: cover;
}

.slide2 {
    background: url('../images/case-study-2/slide-2.png');
    -webkit-appearance: none;
    background-size: cover;
}

.slide3 {
    background: url('../images/case-study-2/slide-3.png');
    background-size: cover;
}

.slide4 {
    background: url('../images/case-study-2/slide-4.png');
     background-size: cover;
}

.slide5 {
    background: url('../images/case-study-2/slide-5.png');
    background-size: cover;
}

.slide6 {
    background: url('../images/case-study-2/slide-6.png');
    background-size: cover;
}
.slide7 {
    background: url('../images/case-study-2/slide-7.png');
    background-size: cover;
}
.slide8 {
    background: url('../images/case-study-2/slide-8.png');
    background-size: cover;
}
.slide9 {
    background: url('../images/case-study-2/slide-9.png');
    background-size: cover;
}
.slide10 {
    background: url('../images/case-study-2/slide-10.png');
    background-size: cover;
}
.slide11 {
    background: url('../images/case-study-2/slide-11.png');
    background-size: cover;
}
.slide12 {
    background: url('../images/case-study-2/slide-12.png');
    background-size: cover;
}
.slide13 {
    background: url('../images/case-study-2/slide-13.png');
    background-size: cover;
}
.slide14 {
    background: url('../images/case-study-2/slide-14.png');
    background-size: cover;
}
.slide15 {
    background: url('../images/case-study-2/slide-15.png');
    background-size: cover;
}

.slide1:checked~.images {
    background: url('../images/case-study-2/slide-1.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.slide2:checked~.images {
    background: url('../images/case-study-2/slide-2.png');
    background-repeat: no-repeat;
    background-size: cover;

}

.slide3:checked~.images {
    background: url('../images/case-study-2/slide-3.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.slide4:checked~.images {
    background: url('../images/case-study-2/slide-4.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.slide5:checked~.images {
    background: url('../images/case-study-2/slide-5.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.slide6:checked~.images {
    background: url('../images/case-study-2/slide-6.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.slide7:checked~.images {
    background: url('../images/case-study-2/slide-7.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.slide8:checked~.images {
    background: url('../images/case-study-2/slide-8.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.slide9:checked~.images {
    background: url('../images/case-study-2/slide-9.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.slide10:checked~.images {
    background: url('../images/case-study-2/slide-10.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.slide11:checked~.images {
    background: url('../images/case-study-2/slide-11.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.slide12:checked~.images {
    background: url('../images/case-study-2/slide-12.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.slide13:checked~.images {
    background: url('../images/case-study-2/slide-13.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.slide14:checked~.images {
    background: url('../images/case-study-2/slide-14.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.slide15:checked~.images {
    background: url('../images/case-study-2/slide-15.png');
    background-repeat: no-repeat;
    background-size: cover;
}
