.dygpg-transition-wrapper .dygpg-transition-image {
    position: absolute;
    width:  100%;
    height:  100%;
    object-fit: cover;
    left: 0px;
    top: 0px;
    z-index: 1;
}
.dygpg-transition-wrapper {
    position: relative;
}


/*flipy start*/

.dygpg-transition-wrapper.dygpg-transition-flipy .dygpg-transition-image {
    z-index: 2; /* back side, placed above front */
    transform: rotateY(0deg);
}
.dygpg-cell.dygpg-transition-flipy {
    perspective: 1000px;

}
.dygpg-transition-wrapper.dygpg-transition-flipy {
    transition: 0.5s;
    transform-style: preserve-3d;
}
.dygpg-transition-wrapper.dygpg-transition-flipy .dygpg-content {
    z-index: 1;
    transform: rotateY(180deg);
}
.dygpg-transition-wrapper.dygpg-transition-flipy .dygpg-content,
.dygpg-transition-wrapper.dygpg-transition-flipy .dygpg-transition-image
{
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.dygpg-cell:hover >  .dygpg-transition-wrapper.dygpg-transition-flipy {
    transform: rotateY(180deg);
}
/*flipyx start*/

.dygpg-cell.dygpg-transition-flipx {
    perspective: 1000px;
}

.dygpg-transition-wrapper.dygpg-transition-flipx .dygpg-transition-image {
    z-index: 2; /* back side, placed above front */
    transform: rotateX(0deg);
}
.dygpg-transition-wrapper.dygpg-transition-flipx {
    transition: 0.5s;
    transform-style: preserve-3d;
}
.dygpg-transition-wrapper.dygpg-transition-flipx .dygpg-content {
    z-index: 1;
    transform: rotateX(180deg);
}
.dygpg-transition-wrapper.dygpg-transition-flipx .dygpg-content,
.dygpg-transition-wrapper.dygpg-transition-flipx .dygpg-transition-image
{
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.dygpg-cell:hover > .dygpg-transition-wrapper.dygpg-transition-flipx {
    transform: rotateX(180deg);
}

/*flip-side start*/

.dygpg-cell.dygpg-transition-flip-side {
    perspective: 600px;
}

.dygpg-transition-wrapper.dygpg-transition-flip-side .dygpg-transition-image {
    z-index: 2; /* back side, placed above front */
    transform: rotateX(0deg);
}
.dygpg-transition-wrapper.dygpg-transition-flip-side {
    transition: 0.5s;
    transform-style: preserve-3d;
    transform-origin: center right;
}
.dygpg-transition-wrapper.dygpg-transition-flip-side .dygpg-content {
    z-index: 1;
    transform: rotateY(180deg);
}
.dygpg-transition-wrapper.dygpg-transition-flip-side .dygpg-content,
.dygpg-transition-wrapper.dygpg-transition-flip-side .dygpg-transition-image
{
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.dygpg-cell:hover > .dygpg-transition-wrapper.dygpg-transition-flip-side {
    transform: translateX(-100%) rotateY(-180deg);
}

/*fade start*/

.dygpg-cell .dygpg-transition-wrapper.dygpg-transition-fade .dygpg-transition-image {
    transition: opacity 0.5s;
    opacity: 1;
}
.dygpg-cell:hover > .dygpg-transition-wrapper.dygpg-transition-fade .dygpg-transition-image {
    opacity: 0;
}


/*scale start*/

.dygpg-cell .dygpg-transition-wrapper.dygpg-transition-scale .dygpg-transition-image {
    transition: transform 0.25s;
}
.dygpg-cell:hover > .dygpg-transition-wrapper.dygpg-transition-scale .dygpg-transition-image {
    transform: scale(0);
}

/*squash-down start*/

.dygpg-cell .dygpg-transition-wrapper.dygpg-transition-squash-down .dygpg-transition-image {
    transition: transform 0.25s;
    transform-origin: 50% 100%;
}
.dygpg-cell:hover > .dygpg-transition-wrapper.dygpg-transition-squash-down .dygpg-transition-image {
    transform: scale(1, 0);
}


/*squash-left start*/

.dygpg-cell .dygpg-transition-wrapper.dygpg-transition-squash-left .dygpg-transition-image {
    transition: transform 0.25s;
    transform-origin: 0% 50%;
}
.dygpg-cell:hover > .dygpg-transition-wrapper.dygpg-transition-squash-left .dygpg-transition-image {
    transform: scale(0, 1);
}


/*squash-up start*/

.dygpg-cell .dygpg-transition-wrapper.dygpg-transition-squash-up .dygpg-transition-image {
    transition: transform 0.25s;
    transform-origin: 50% 0%;
}
.dygpg-cell:hover > .dygpg-transition-wrapper.dygpg-transition-squash-up .dygpg-transition-image {
    transform: scale(1, 0);
}


/*squash-right start*/

.dygpg-cell .dygpg-transition-wrapper.dygpg-transition-squash-right .dygpg-transition-image {
    transition: transform 0.25s;
    transform-origin: 100% 50%;
}
.dygpg-cell:hover > .dygpg-transition-wrapper.dygpg-transition-squash-right .dygpg-transition-image {
    transform: scale(0, 1);
}