div.portfolio-site-thumbnail .content-area .single-item .image-section:after, div.portfolio-site-thumbnail .content-area .single-item .image-section img { 
    transition: all ease-in-out .2s;
}
div.portfolio-site-thumbnail .content-area .single-item .image-section:before {
    content: "";
    background: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.90345 2.86212L9.92072 1.13621L1.86421 1.04199H1.85557C1.62539 1.04782 1.40669 1.14376 1.24651 1.30917C1.08633 1.47458 0.997474 1.69625 0.999044 1.9265L1.08034 9.98623L2.7934 9.97059L2.7333 4.01251L9.81437 11.0939L11.0257 9.8828L3.94465 2.80216L9.90345 2.86212Z" fill="white" stroke="white" stroke-width="0.7"/><path d="M33.2069 26.1642L33.267 32.1231L26.186 25.042L24.9746 26.2533L32.0557 33.3344L26.0968 33.2742L26.0795 35.0001L34.1361 35.0944H34.1448C34.3749 35.0885 34.5936 34.9926 34.7538 34.8272C34.914 34.6618 35.0028 34.4401 35.0013 34.2099L34.92 26.1501L33.2069 26.1642Z" fill="white" stroke="white" stroke-width="0.7"/><path d="M34.136 1.06645L26.0795 1.14768L26.0968 2.86073L32.0557 2.80056L24.9746 9.88163L26.186 11.093L33.267 4.01191L33.2069 9.97078L34.92 9.98806L35.0013 1.93154C35.0024 1.81762 34.9808 1.70461 34.9378 1.59914C34.8947 1.49366 34.831 1.39784 34.7505 1.31728C34.6699 1.23672 34.5741 1.17304 34.4686 1.12997C34.3631 1.0869 34.2501 1.0653 34.1362 1.06645H34.136Z" fill="white" stroke="white" stroke-width="0.7"/><path d="M9.81426 25.042L2.73319 32.1231L2.79329 26.1642L1.08023 26.1469L0.999072 34.2034C0.996631 34.4374 1.08679 34.6629 1.24989 34.8306C1.40923 34.9948 1.62682 35.0895 1.85553 35.0944H1.86417L9.92068 35.0001L9.90341 33.2807L3.94453 33.3378L11.0256 26.2551L9.81426 25.042Z" fill="white" stroke="white" stroke-width="0.7"/></svg>');
    width: 35px;
    height: 35px;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    z-index: 1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; 
  visibility:hidden;
  opacity:0;
    transition: all ease-in-out .2s;
}
.portfolio-site-thumbnail .content-area .single-item:hover .image-section:before {
    transform: translate(-50%, -50%) scale(1);
    visibility:visible;
  opacity:1;
}
 .portfolio-site-thumbnail .content-area .single-item:hover .image-section img {
    transform: scale(1.02); 
}