.container{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);;
    display: flex;
}

span{
    display: block;
    width: 40px;
    height: 230px;
    background:url(bg.jpg);
    transition: .3s ease;
    background-size: cover;
}

span:nth-child(1) {
    background-position: 0 0;
}

span:nth-child(2) {
    background-position: -40px 0;
}

span:nth-child(3) {
    background-position: -80px 0;
}

span:nth-child(4) {
    background-position: -120px 0;
}

span:nth-child(5) {
    background-position: -160px 0;
}

span:nth-child(6) {
    background-position: -200px 0;
}

span:nth-child(7) {
    background-position: -240px 0;
}

span:nth-child(8) {
    background-position: -280px 0;
}

.container:hover span {
    margin:0 .4rem;
    transform:rotate(10deg);
}