:root{--color:#333;--bg:#fff}.card{margin:1em 0;background:rgba(0,0,0,0.1)}.card>*{padding:1em}.card .content{background:rgba(0,0,0,0.1)}.card>img{display:block;margin:0 auto;max-width:100%;padding:0}.card .head.image{background-position:center center;background-size:cover;background-repeat:no-repeat;color:#fff}.card .head.image:after{content:'';padding-bottom:56.25%;width:0;display:inline-block;vertical-align:bottom}.card .head.image>*{display:inline-block}
