.box-image{width:100%;height:200px;position:relative;margin:0 auto 20px}.box-image img{object-fit:cover;height:100%;width:100%;filter:brightness(0.3);transition:.3s all linear}.box-image:hover img{filter:none;transition:.3s all linear}.box-image .ribbon{z-index:10;width:120px;height:120px;overflow:hidden;position:absolute}.box-image .ribbon span{position:absolute;display:block;width:225px;padding:5px;line-height:1;background-color:#c52025;box-shadow:0 5px 10px rgba(0,0,0,0.1);color:#fff;font-size:12px;font-weight:bold;text-shadow:0 1px 1px rgba(0,0,0,0.2);text-transform:uppercase;text-align:center}.box-image .ribbon-top-left{top:0;left:0}.box-image .ribbon-top-left span{right:-34px;top:18px;transform:rotate(-45deg)}