.categories-grid-wrap{display:flex;width:100%;gap:2px;}
.categories-grid-list a{display:block;height:100%;}
.categories-grid-list img{max-width:100%;position:absolute;top: 0;left:0;right:0;bottom:0;width:100%;object-fit:cover;height:100%;object-position:center center;transition:transform 0.5s;}
.categories-text{z-index:2;position:absolute;top:50%;color:var(--White);left:50%;transform:translate(-50%, -50%);}
.categories-3 .categories-grid-list{position:relative;overflow:hidden;}
.categories-2 .categories-grid-list{width:calc(50% - 2px* 1 / 2); position:relative;padding-bottom:100vh;overflow:hidden;}
.categories-2 h3,.categories-3 h2{display:none;}
.categories-2 .categories-grid-list:before{height:100vh;}
.categories-grid-list::before{position:absolute;content:'';width:100%;height:100%;z-index:1;}
@media(min-width:992px){
  .categories-2 .categories-grid-list img{height:100vh;}
  .categories-3 .categories-grid-list{width:calc(33.33% - 2px* 2 / 3);padding-bottom: 42.858%;}
  .categories-grid-list:hover img{-ms-transform: scale(1.1);-webkit-transform: scale(1.1); transform: scale(1.1);}
}
@media(max-width:991px){
  .categories-grid-wrap{flex-direction:column;padding:0 2px;}
  .categories-3 .categories-grid-list,.categories-2 .categories-grid-list{width: 100%;aspect-ratio: 7 / 8;padding:0;}
  .categories-2 h3,.categories-2 h2,.categories-3 h3,.categories-3 h2{font-size:18px;}
  .categories-2 .categories-grid-list img{height:100%;}
}