.blog-icon {
    min-width: 30px; 
}

.blog-indent {
    margin-left: 2%; 
}

.blog-image-pos {
    background-size: 100%;
    transition: all 0.5s linear 0s;
}

.blog-hover {
    transition: all 0.5s linear 0s;
}

.blog-hover p {
    transition: all 0.5s linear 0s;
}

.blog-hover div h4 {
    transition: all 0.5s linear 0s;
}

.blog-hover:hover {
    border-color: var(--action-color);
}

.blog-hover:hover .blog-image-pos {
    background-size: 110%;
}

.blog-hover:hover p {
    color: var(--action-color);
}

.blog-hover:hover div h4 {
    color: var(--action-color);
}

.blog-image-height {
    min-height: 400px!important; 
}


@media (min-width: 768px) {
    .blog-icon {
        min-width: 40px; 
    }
}


@media (min-width: 1440px) {
    .blog-icon {
        min-width: 60px; 
    }
}