.kmg.children {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    -webkit-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
    row-gap: 2.5rem;
    min-height: 50px;
}

.kmg.children .item {
    position: relative;
    float: left;
    width: 100%;
}

.kmg.children .item .image {
    overflow: hidden;
    background: black;
}

.kmg.children .item .image img {
    transition: all .3s ease-in-out;
}

.kmg.children .item .image img:hover {
    opacity: 0.7;
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    object-fit: contain;
}

.kmg.children .item .details .date {
    font-size: 14px;
}

@media screen and (min-width: 1025px) {
    .kmg.children {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media screen and (min-width: 576px) {
    .kmg.children {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}