.turntable{
    background-image: url("pictures/turntable.png");
    width: 800px;
    height: 345px;
    background-position: center;
    background-repeat: no-repeat;
    margin:auto
}
.turntable:hover{
    background-image: url("pictures/turntable_color.png");
}
.left-speaker{
    background-image: url("pictures/speaker_left.png");
    width: 300px;
    height: 416px;
    background-position: center;
    background-repeat: no-repeat;
    margin:auto
}
.left-speaker:hover{
    background-image: url("pictures/speaker_left_color.png");
}

.right-speaker{
    background-image: url("pictures/speaker_right.png");
    width: 300px;
    height: 416px;
    background-position: center;
    background-repeat: no-repeat;
    margin:auto
}
.right-speaker:hover{
    background-image: url("pictures/speaker_right_color.png");
}

.cassette-deck{
    background-image: url("pictures/cassette_deck.png");
    width: 800px;
    height: 263px;
    background-position: center;
    background-repeat: no-repeat;
    margin:auto
}
.cassette-deck:hover{
    background-image: url("pictures/cassette_deck_color.png");
}


.sound-burger{
    background-image: url("pictures/sound_burger.png");
    width: 800px;
    height: 333px;
    background-position: center;
    background-repeat: no-repeat;
    margin:auto
}
.sound-burger:hover{
    background-image: url("pictures/sound_burger_color.png");
}


.cd-changer{
    background-image: url("pictures/cd_changer.png");
    width: 800px;
    height: 216px;
    background-position: center;
    background-repeat: no-repeat;
    margin:auto
}
.cd-changer:hover{
    background-image: url("pictures/cd_changer_color.png");
}