JSFiddle - React, Tailwind, and code Playground

HTML

<div id="catalog_car_image_text">
    <div class="catalog_car_around_image">
            <img style="vertical-align:middle;" width="150" height="50" src='http://www.highsnobiety.com/files/2013/01/w-motors-high-performance-luxury-sports-cars-0-300x150.jpg'/>
        </div>
        blabla        
        </div>

CSS

#catalog_car_image_text {
    float: left;
    border: 1px solid black;
    text-align: center;
    margin: 0 25px;
    padding: 5px;
    width: 150px;
    cursor: pointer;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}

#catalog_car_image_text:hover { 
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
}

.catalog_car_around_image{
    border: 1px solid green;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}

.catalog_car_around_image:hover{
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}