Вопрос Помогите найти ошибку, в div или css

в html у меня

в css
.n1 {
width: 200px;
height: 300px;
background-image:url(1.jpg);
float: left;
margin-top: 20px;
background-size: cover;
}
.n5 {
width: 200px;
height: 300px;
background-image:url(6.jpg);
float: left;
background-size: cover;
margin-top: 20px;
}
.car1 {
visibility: hidden;
width: 200px;
height: 300px;
background-image: url(6.jpg);
background-size: cover;
}
.car2 {
visibility: hidden;
width: 200px;
height: 300px;
background-image: url(1.jpg);
background-size: cover;
}
.n1:hover .car1{
visibility: visible;
}
.n1:hover .car2{
visibility: visible;
}
(картинка n1 сменяется на n5, но так же при наведении на n1 менятся должна и n5 но n5 не меняется)