.blog-img {
    display: flex;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    max-width: 1000px;
    height: 250px;
}

.blog-img::before {
    background: rgb(0, 0, 0, 0.5);
    content: "";
    position: absolute;
    backdrop-filter: blur(5px);
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.3s;
    z-index: 1;
}

.blog:hover .blog-img::before {
    opacity: 1;
}

.blog:hover .blog-img img {
    transform: scale(1.1);
}

.blog-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: 0.3s;
}

.date {
    display: flex;
    align-items: center;
    gap: 23px;
    margin-top: 35px;
}

.date p:nth-child(1) {
    color: #999;
    border: 2px solid #999;
    font-weight: 500;
    padding: 13px 23px;
    border-radius: 10px;
    font-size: 15px;
}

.date p:nth-child(2) {
    font-size: 15px;
    font-weight: 500;
    color: #f0f5ff;
}

.title {
    color: #f0f5ff;
    margin: 18px 0px 35px 0px;
    font-weight: 500;
    font-size: 25px;
    max-width: 300px;
    line-height: 1.3em;
}