.wdt-animation-item { text-align: center; }
.wdt-animation-item.text-item { display: inline-block; }

/* wdt-brand-logo-animation-style */

.wdt-brand-logo-animation-style .wdt-animation-holder:before, 
.wdt-brand-logo-animation-style .wdt-animation-holder:after { content: "";  height: 100%; position: absolute; top: 0; width: 10rem; z-index: 1; }
.wdt-brand-logo-animation-style .wdt-animation-holder:before { left: 0; 
    background-image: -webkit-linear-gradient(left, var(--wdtBodyBGColor) 0%, rgba(255, 255, 255, 0) 100%); 
    background-image: linear-gradient(to right, var(--wdtBodyBGColor) 0%, rgba(255, 255, 255, 0) 100%); 
}
.wdt-brand-logo-animation-style .wdt-animation-holder:after { right: 0; 
    background-image: -webkit-linear-gradient(right, var(--wdtBodyBGColor) 0%, rgba(255, 255, 255, 0) 100%); 
    background-image: linear-gradient(to left, var(--wdtBodyBGColor) 0%, rgba(255, 255, 255, 0) 100%); 
}

.wdt-brand-logo-animation-style .wdt-animation-item.image-item { display: flex; align-items: center; justify-content: center; }
.wdt-brand-logo-animation-style .wdt-animation-item.image-item > img { width: fit-content; height: 80px; -webkit-transition: all .2s ease; transition: all .2s ease;
    -webkit-filter: grayscale(1); filter: grayscale(1); object-fit: contain; object-position: center center; padding: 0 10px; }
.wdt-brand-logo-animation-style .wdt-animation-item.image-item:hover > img { -webkit-filter: grayscale(0); filter: grayscale(0); }