/* General */
    .Background{ position:relative; background-size:cover; background-position: center; background-color:#333; background-image:url(https://images.unsplash.com/photo-1508739773434-c26b3d09e071?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2550&q=80)}
    .Background[title]:after{ background:rgba(0,0,0,0.1); border-radius: .4em .4em ; font-size:.7em; line-height: 1rem; white-space: nowrap; padding:0rem 0.9rem ; line-height: 1.65rem; position:absolute; left:2rem; top:2rem; font-weight: 100; height: 1.7rem; content:attr(title); display:block; -webkit-border-radius: .4em .4em ; -moz-border-radius: .4em .4em ; -ms-border-radius: .4em .4em ; -o-border-radius: .4em .4em ; }
/* Print */
    @media print{
        .Background[title]:before,.Background[title]:after{ color:#000; background:none; font-weight: 500;}
    }
/* Component */
    .Background{ height:300px;margin:20px;}
    .Background:first-child{ background-image:url(images/1.jpg)}
    .Background:last-child{ background-image:url(images/2.jpg)}
/* Fonts */
    @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');
    .Background { font-family: 'Open Sans', sans-serif; }