<div class="image-container">
<div class="image-div">
<img class="image" src="https://site/img/001.jpg" title="Андрей">
</div>
<div class="name">
<p>Андрей</p>
</div>
</div>.image-container .image {
transform: scale(1.1);
filter: grayscale(0%);
}<div class="image-container"> в CSS к .image-container добавлялся :hover. То есть чтобы вышло так .image-container:hover .image {} 
.image-container:before {бла бла бла display: block;}$('.image-container').addClass('.showpsevdo');.image-container.showpsevdo:before {display: block;}
