.image-container{width:100%;height:0;padding-bottom:75%;position:relative}.image-container img{position:absolute;width:100%;height:100%;object-fit:cover}.ribbon{transform:rotate(0deg);-webkit-clip-path:polygon(0 -10%,100% 90%,100% 110%,0 10%);clip-path:polygon(0 -10%,100% 90%,100% 110%,0 10%)}.ribbon span{top:20%;left:20%;transform:translate(-50%,-50%) rotate(45deg);font-size:20px}.ribbon{position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.5);color:#fff;z-index:1;-webkit-clip-path:polygon(0 0,100% 0,100% 20%,0 20%);clip-path:polygon(0 0,100% 0,100% 20%,0 20%)}.ribbon span{position:absolute;top:10%;left:50%;display:inline-block;font-weight:700;white-space:nowrap;text-align:center;transform-origin:center;transform:translate(-50%,-50%)}@media screen and (max-width:768px){.ribbon span{font-size:20px}}@media screen and (min-width:769px) and (max-width:1024px){.ribbon span{font-size:25px}}@media screen and (min-width:1025px){.ribbon span{font-size:30px}}