.picture3 { margin: 0 -.1rem;}
.picture3 li { padding: 0 .1rem;}
.picture3 .img { background-position-y: 10%; background-size: cover;}
.picture3 .title { text-align: center;}
.picture3 .img-zoom { border: none;}
.picture3 .img-zoom:hover { background: #fff;border: none;}
.picture3 .img-zoom:hover .title { color: #333;}
@media screen and (max-width: 768px) {
.picture3 > li { width: 33.33%;}
}
@media screen and (max-width: 520px) {
.picture3 > li { width: 50%;}
}