Анимация при наведении?

Question

[kerlaeda7]

Здравствуйте, суть вопроса такова)
есть блок

<div class="col-lg-3 col-sm-6 col-xs-12">
						<div class="ser_tekst">
						<p>Перевод личных документов</p>
						<div class="ser_i"><img src="img/ser_1.png"></div>
						</div>
				</div>

вот их css

.ser_tekst {
	background: white; 
	min-height: 200px;
	width: 95%;
	margin: 10px;
	transition: all .3s;

}
.ser_tekst:hover {
	transform: scale(1.1);
	transition: all .3s;
}
.ser_tekst p {
	padding: 35px 10px 10px 39px;
	line-height: 27px;
	font-size: 18px;
	color: #333333;

}
.ser_i {
	position: absolute;
	bottom: 10%;
	right: 15%;
}

вся загвоздка в том что при наведении нижняя картинка начинает прыгать как то непонятно, а не масштабируется, подскажите как это можно исправить или можно как по другому решить анимацию при наведении

Answer 1

[AngReload]

Добавь в .ser_tekst начальное transform: scale(1)