.dt-sc-shop-category-listing-item {
    padding: 10px;
    position: relative;
    overflow: hidden;
}

.dt-sc-shop-category-listing-image {
    position: relative;
    overflow: hidden;
}

.dt-sc-shop-category-listing-color {
    content: "";
    height: 0;
    margin: auto;
    padding-top: 75%;
    position: absolute;
    bottom: 40%;
    left: 50%;
    width: 75%;
    z-index: -1;
    border-radius: 50%;
    transform: translate(-50%, 50%);
    backface-visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.dt-sc-shop-category-listing-item:hover .dt-sc-shop-category-listing-color {
    bottom: 50%;
    padding-top: 200%;
    width: 200%;
}