.inner-custom-post {
    border-radius: 10px;
    padding: 20px;
    height: 400px;
    /* width: 400px; */
    background-size: 100% 100%;
    position: relative;
    overflow: hidden;
    transition: 1s;
}

.inner-custom-post:hover{
    transform: scale(1.1);
}

.info_post {
    position: absolute;
    bottom: 20px;
    color: #fff;
}
.info_post h2{
    color:#fff !important;
    font-size:20px !important;
}

.info_post a {
    color: #fff;
    display: block;
    text-align: center;
    background: green;
    width: 50%;
    padding: 5px;
    border-radius: 10px;
    margin:10px auto;
}
.info_post a:hover{
    color:#fff;
}
.all-custom-posts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
}


@media(max-width:750px){
    .all-custom-posts{
        grid-template-columns: repeat(2, 1fr);
    } 

    .inner-custom-post {
        height: 300px;
    }
}