/*******************************

    card-309

*******************************/



.card-309 > span {

    padding-bottom: 100%;

}



.card-309 img {

    width: auto;

    height: auto;

    max-width: 100%;

    max-height: 100%;

    position: absolute;

    transform: translate(-50%, -50%);   

    top: 50%;

    left: 50%; 

    transition: opacity .4s;

}



.card-309:hover img {

    opacity: .7;

}



.card-309 h6 {

    transition: color .3s;

}