.post-image {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 150px;
}

.spin {
    animation: spin 2s linear infinite;
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

.appear-fade {
    animation: appear-fade 0.15s ease-in forwards;
}

@keyframes appear-fade {
    from {
        opacity: 0;
        visibility: visible;
    }
    to {
        opacity: 1;
    }
}

.disappear-fade {
    animation: disappear-fade 0.3s ease-out forwards;
}

@keyframes disappear-fade {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        visibility: hidden;
    }
}

.post {
    opacity: 0;
    transform: translateY(10px);
    animation: fadeInUp 1.5s ease forwards;
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(-10px);
    }
}