component-image-id .padding-zero {
    padding: 0px;
}

component-image-id .image a {
    color: inherit;
    outline: none;
    float: left;
    width: 100%;
}

component-image-id .image a .text{
    font-size: 12px;
}

component-image-id .image a:hover {
    outline: none;
    text-decoration: none;
    color: inherit;
}

component-image-id .image a:hover .blog_container .background-image-container .background-image {
    transform: scale(1.1);
}

component-image-id .image a .blog_container {
    float: left;
    width: 100%;
    height: auto;
}

component-image-id .image a .blog_container .background-image-container {
    height: auto;
    overflow: hidden;
    transition: all 0.3s;
}

component-image-id .image a .blog_container .background-image-container .background-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 100% 0 0;
    width: 100%;
    transition: all 0.3s;
}


/*component-image-id ._bl_items {
    border: 1px solid #e4e1e1;
    margin-bottom: 10px;

}*/