.image.positionimageLeft,.image.positionimageRight{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row wrap;align-content:flex-start}.image.positionimageLeft .header,.image.positionimageRight .header,.image.positionimageLeft .footer,.image.positionimageRight .footer{-webkit-box-flex:1;flex:1 1 100%}.image.positionimageLeft .media,.image.positionimageRight .media{-webkit-box-flex:1;flex:1 1 40%}.image.positionimageLeft .content,.image.positionimageRight .content{-webkit-box-flex:0;flex:0 0 60%}.image.positionimageLeft .footer,.image.positionimageRight .footer{-webkit-box-ordinal-group:4;order:3}.image.positionimageLeft .media{-webkit-box-ordinal-group:2;order:1}.image.positionimageLeft .content{-webkit-box-ordinal-group:3;order:2;padding-left:var(--padding)}.image.positionimageRight .media{-webkit-box-ordinal-group:3;order:2}.image.positionimageRight .content{-webkit-box-ordinal-group:2;order:1;padding-right:var(--padding)}.image.positionimageTop .media{padding-bottom:var(--padding)}.image.positionimageBottom .content{-webkit-box-ordinal-group:2;order:1}.image.positionimageBottom .media{-webkit-box-ordinal-group:5;order:4;padding-top:var(--padding)}.image.positionimageBottom .footer{-webkit-box-ordinal-group:4;order:3}.image .media img{width:100%;height:auto;display:block}.image .media a{position:relative;display:block;text-decoration:none}.image .media a:before{background:rgba(0,0,0,0);width:100%;height:100%;display:block;position:absolute;z-index:1;content:" ";-webkit-transition:background .15s ease;transition:background .15s ease}.image .media a:after{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:absolute;z-index:2;top:50%;left:50%;width:50px;height:50px;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);color:#fff;background:rgba(0,0,0,.5);border-radius:100%;font-family:var(--symbol);font-size:25px;content:"";-webkit-transition:all .25s ease;transition:all .25s ease}@media(hover:hover){.image .media a:hover:before{background:rgba(0,0,0,.3)}.image .media a:hover:after{background:#000}}.imageButton .media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.imageButton .media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.imageButton .header,.imageButton .content,.imageButton .footer{z-index:2}