This is a code I wrote before…
:root {
--category-logo-width: 70px;
--category-spacing: 0px;
}
.desktop-view table.category-list .category-logo.aspect-image {
width: var(--category-logo-width);
height: calc(var(--category-logo-width) - 45px);
margin: 0 5px 0 0;
padding: 0;
transform: translatey(-35px);
}
table.category-list .category-logo.aspect-image img{
width: var(--category-logo-width);
height: var(--category-logo-width);
}
.desktop-view .has-logo .category-text-title {
margin-left: calc(var(--category-logo-width) + 5px);
}
.mobile-view .category-title-link {
display: flex;
}
.mobile-view .category-logo.aspect-image {
margin: 0 5px 0 0;
margin-top: 0 !important;
padding: 0;
order: -1
}
.mobile-view .category-text-title {
margin: auto 0;
}
.desktop-view td.category {
margin: var(--category-spacing);
}
.desktop-view table.category-list {
border-collapse: separate;
border-spacing: 0 var(--category-spacing);
}
.desktop-view table.category-list tr {
margin: var(--category-spacing);
}