.products {
   display: flex;
}

.products__left {
   width: 30%;
}

.products__left__categories h3 {
   width: 100%;
   text-align: left;
   font-size: 1.8rem;
}

.products__left__categories ul {
   width: 80%;
   list-style: none;
   margin: 15px auto;
}

.products__left__categories ul li a {
   font-size: 1.2rem;
}

.products__right {
   width: 70%;
   display: grid;
   gap: 30px 0px;
   grid-template-columns: 1fr 1fr 1fr;
}

.img-container--smallbanner {
   width: 100%;
   height: 45vh;
}

.img-container--smallbanner img {
   height: 100%;
   width: 100%;
   object-fit: cover;
}