/* COMMUNE TILE DEFINITION */
.commune-img{
    background-size: cover;
    background-position: center;
    height: 300px;
}

.commune .circle-border .circle-desc{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    text-align: center;
    z-index: 3;
    color: #e96656;
    opacity: 1;
     -webkit-transition: opacity 0.10s linear;
        -moz-transition: opacity 0.10s linear;
        -o-transition: opacity 0.10s linear;
        transition: opacity 0.10s linear;
}

.commune .commune-img{
    position: absolute;
    height: 180;
    width: 180;
    border-radius: 50%;
    left: 20;
    top: 20;
    z-index: 4;
    -webkit-transition: height 0.15s linear, width 0.15s linear, left 0.15s linear, top 0.15s linear;
        -moz-transition: height 0.15s linear, width 0.15s linear, left 0.15s linear, top 0.15s linear;
        -o-transition: height 0.15s linear, width 0.15s linear, left 0.15s linear, top 0.15s linear;
        transition: height 0.15s linear, width 0.15s linear, left 0.15s linear, top 0.15s linear;
}

.commune:hover .commune-img{
    height: 220;
    width: 220;
    left: 0;
    top: 0;
}

.commune:hover .circle-border .circle-desc{
    opacity: 0;
}