.category-item {
    display: grid;
    grid-template-columns: repeat(2,auto);
    margin-bottom: 20px;
    align-items: center;
}
.category-info{
    padding: 20px;
    grid-area: content;
}

.category-img {
    grid-area: image;
}
.cateogory-grid .category-item:nth-child(even) .category-info h2{
    text-align: right;
}
.cateogory-grid .category-item:nth-child(even) {
    grid-template-areas: "content image";
}
.cateogory-grid .category-item:nth-child(odd) {
    grid-template-areas: "image content ";
}
.category-info h2 a {
    color: #000080;
    font-weight: 700;
    font-size: 26px;
}
.category-info > a {
     color: #000080;
      font-size: 13px;
}