.content {
    flex-direction: column;
}

#posts_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2em;
}

#socials {
    text-align: center;
}

#socials > p {
    font-size: 1.2em;
    text-transform: uppercase;
}

.post {
    max-width: 30em;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.post > a {
    transition: background-color 0.8s ease-in-out;
}

.post > a:first-child {
    width: 80%;
    z-index: 10;
    padding: 0.2em;
    line-height: 0;
    box-sizing: border-box;
    background: #fff5;
}

.post img {
    width: 100%;
}

.post > a:last-child {
    position: relative;
    top: -3em;
    margin: 0 0 -3em;
    padding: 4em 1.5em 1.5em;
    background: #fff5;
    color: #fff;
}

.post p {
    margin-bottom: 0;
    text-align: left;
}

.post a:hover + a, .post a:last-child:hover {
    background: #FE0000aa;
}