.post {
    position: relative;
    /* text-align: center; */
}

.caption {
    position: absolute;
    margin: 0px;
    padding: 0px 5%;
    z-index: 20;
    bottom: 5%;
    background-color: transparent;
}

.caption a {
    color: #fff;
}

.caption a:hover {
    color: #2fd1d6;
}

.green-badge {
    color: #2fd1d6;
    background-color: #182627;
}

.post .frame-img {
    display: block;
    overflow: hidden;
}

.frame-img>img {
    padding: 0px;
    -webkit-transition: 1.6s -webkit-transform;
    transition: 1.6s -webkit-transform;
    transition: 1.6s transform;
    transition: 1.6s transform, 1.6s -webkit-transform;
}

.frame-img:hover>img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.img-thumbnail-left {
    width: 100% !important;
    height: 405px !important;
    object-fit: cover;
}

.img-thumbnail-right {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover;
}

.post.post-thumb .frame-img:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2px);
    /* background: -webkit-gradient(linear, left top, left bottom, from(rgba(27, 28, 30, 0)), color-stop(90%, rgba(27, 28, 30, 0.8)));
    background: linear-gradient(180deg, rgba(27, 28, 30, 0) 0%, rgba(27, 28, 30, 0.8) 90%); */
}

.img-wrapper {
    height: 250px;
    width: 300px;
    object-fit: cover;
}

.overlay {
    background: rgba(0, 0, 0, 0.3);
}