Вячеслав Лебедев

Попробуйте к .col-sm-4 добавить класс с: margin: 0 auto;
Вот тут есть интересные способы
А вообще, посмотрите в сторону flex

Так сам напиши, не трудно будет и скил подымешь.
Идея такая:
1. Есть 2 слоя, лежат друг на друге (это position: absolute и 100% ширины и высоты и z-index для точности)
2. При наведении изменяется прозрачность у обоих слоев и сдвигаем слой, тот что сверху, налево с помощью transform: transitionX(-400px) и transition: 0.4s
Это можно сделать на чистом css

Например при помощи позиционирования.
Лучше бы конечно код увидеть.

div {
  position: relative;
  z-index: -100; // задвинет этот див на задний план
}

На мобилках нет ховера, учитывай это.
Один из вариантов решения

Я думаю в Вашем простом случае, лучше использовать для этого css :focus
Вот тут.
Если не знакомы с технологиями, нажмите на стрелочку вниз и там view compile.

Может будет лучше на css?
Раз, два, три