.article-wrapper {
    margin-bottom: 50px;
}

.article-wrapper .article-img {
    float: left;
    max-width: 350px;
    margin-right: 30px;
}

.article-wrapper .article-img img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 15px;
}

.article-wrapper .article-content {
    font-size: 18px;
    text-align: justify;
}

.article-wrapper .gallery-box img {
    max-height: 200px;
}

/* Post item */
.post {
    margin-bottom: 75px;
    transition: all .3s;
}

.post:hover {
    opacity: .6;
}

.post .post-img {
    text-align: center;
    height: auto;
    margin-bottom: 15px;
    background-image: url("/img/fox-bg.avif");
    background-size: 15%;
    border-radius: 15px;
    overflow: hidden;
}

.post .post-img img {
    max-height: 100%;
    max-width: 100%;
}

.post .post-content {
    position: relative;
    height: 100%;
}

.post .post-content h2 {
    text-decoration: underline;
    text-underline-offset: 10px;
    margin-bottom: 15px;
    text-decoration-thickness: 2px;
}

.post .post-content p {
    font-weight: 200 !important;
}

.post .post-content .date {
    position: absolute;
    bottom: -35px;
    right: 0;
}