Невозможно центрировать изображение при использовании эффекта наведения ⇐ Html

[Anonymous]

Согласно заголовку, я не могу центрировать свое изображение, когда ввожу инструкции для наклона изображения при наведении курсора мыши. Если я удалю div «наклон изображения», я смогу центрировать свое изображение. Кто-нибудь может помочь указать на мою ошибку, пожалуйста.


img.downloadButton4{
display: block;
margin-left: auto;
margin-right: auto;
}

.download_Button4{
width: 80%;
max-width: 1240px;
min-width: 760px;
min-height: 100px;
margin: 0 auto;
}

.pic {
float: left;
height: 97px;
width: 242px;
margin: 0px;
overflow: hidden;

-webkit-box-shadow: 0px 0px 0px #111;
box-shadow: 0px 0px 0px #111;
}

.tilt {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.tilt:hover {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}




....
....
....
....


....
....