.blog {
    padding: 100px 0;
    text-align: center;
    margin-top: 50px;
} 

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in {
    animation: fadeIn 1s ease-out;
}

.blog h2 {
    transition: transform 0.5s ease;
    animation: fadeIn 1s ease-out forwards;
}

.blog-content {
    display: flex;
    justify-content: space-between;
}

.blog-1 {
    padding: 15px 55px;
}

.blog-1 img {
    height: 150px;
    width: 250px;
    border-radius: 15px;
    margin-bottom: 15px;
}

.blog-1 h3 {
    font-size: 25px;
    color: #323337;
}

@media(max-width:768px) {
    .blog{
        margin-top: 110px;
        padding: 30px;
    }       
    .blog-content{
        flex-direction: column;
    }
    .blog-1{
        padding: 0;
    }
}