Gallery Grid: image shrinks and rotates 360 degrees on hover, eventually disappearing

You can use this code to Website Tools > Custom CSS to achieve effect.

/* Gallery Grid */
.gallery-grid-item img {
    display: block;
    width: 100%;
    height: 100%;
    transition: transform 2s ease, opacity 2s ease; 
    transform-origin: center center; 
}

.gallery-grid-item:hover img {
    transform: scale(0) rotate(360deg); 
    opacity: 0;
}

Result will be like this