.tw-categories-list-item-image,
.tw-categories-list-item-overlay {
    display: inline-block;
    vertical-align: top;
}

.tw-categories-list-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    align-self: center;
}

.tw-categories-list-item-image{
    object-fit: cover;
    overflow: hidden;
    border-radius: 50%;
    transition: .3s ease-in-out;
}
.tw-categories-list-item-image img {
    transition: .3s ease-in-out;
    transform: scale(1.05);
}
.tw-categories-list-item-overlay {
    max-width: 55%;
    display: flex;
    vertical-align: top;
    flex-wrap: wrap;
    flex-direction: column;

}
.right-image {
    order: 100;
}
.left-overlay {
    align-items: flex-end;
}
.left-overlay h3 {
    text-align: right;
}
.left-overlay p {
    text-align: right;
}
.tw-categories-list-item-title {
}

.tw-categories-list-item-more {
}

.tw-categories-list-item-more {
    display: inline-flex;
    align-items: center;
}

.svg-container svg {
    border: 1px solid;
    border-radius: 50%;
    padding: 12px;
    height: 48px;
    width: 48px;
    margin: 12px;
}

/*make image zoom bigger a bit and have border stroke*/
.tw-categories-list-item-link:hover img {
    transform: scale(1.1);
}
.tw-categories-list-item-link:hover .tw-categories-list-item-image {
    box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;
}

/* tw-categories-list-item-description width 75% in destop and tablet, 100% in mobile */
.tw-categories-list-item-description {
    width: 75%;
}
@media (max-width: 768px) {
    .tw-categories-list-item-description {
        width: 100%;
    }
}