.grid-container {
    display: grid;
    grid-template-columns: 20% 50% 20%;
    grid-gap: 15px;
    justify-content: center;
}

.grid-item-20,
.grid-item-50 {
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
}

.grid-item-20 .post-thumbnail,
.grid-item-50 .post-thumbnail {
    position: relative;
    overflow: hidden;
}

.grid-item-20 h5,
.grid-item-50 h3,
.grid-item-20 h5 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.post-thumbnail img {
    width: 100%;
    height: auto;
    transition: transform 0.3s;
}

.zoom-effect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: opacity 0.3s;
}

.post-thumbnail:hover .zoom-effect {
    opacity: 1;
}

.post-thumbnail:hover img {
    transform: scale(1.1);
}