[Помогите] Не получается центрировать фотку

Помогите, плиз! Намучилась уже, перерыла инет в поисках ответа, способы разные пишут, но ни один в моем случае не сработал.
В общем, стиль фотки (хороший стиль, со всплывающей при наведении подписью) в CSS такой:

.image {
display: inline-block;
vertical-align: top;
position: relative;
margin-bottom: 10px;
}

.image img {
display: block;
}
.image .caption {
box-sizing: border-box;
width: 100%;
padding: 25px;
position: absolute;
z-index: 2;
left: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
text-align: center;
color: #fff;
font: 11px/16px Tahoma, sans-serif;
}
.image .caption {
transition: all .5s linear;
opacity: 0;
visibility: hidden;
}
.image:hover .caption {
opacity: 1;
visibility: visible;
}

Но фото располагается слева. Поставить по центру не могу, пыталась и в коде странички как текст центрировать, и в CSS. Наверное, в самом стиле стоит какое-то значение, которое не дает это сделать.
Что тут нужно поменять?

 

покажите код, будет легче разобраться

 

.image {
text-align:center
}

.image img {display:inline-block}