<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="col-md-3">
<div class="the first ads">
<div class="image one">
<img src="http://hassandesigns.top/html/classified/images/pet.jpg">
</div>
</div>
</div>
.image.one {
overflow: hidden;
}
.image.one img{
border-radius: 5px 5px 0 0;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.image.one img {
border-radius: 5px 5px 0 0;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.image.one img:hover{
-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);
}