trowel-covers/dest/css/covers.min.css

The official Trowel Component for covers

.cover__scroll-btn,.cover__scroll-btn svg{vertical-align:middle}.cover{font-size:1rem;margin:0 0 2em;position:relative}.cover__image,.cover__overlay{position:absolute;top:0;left:0;width:100%;height:100%}.cover__overlay{z-index:1}.cover--overlaid .cover__overlay{background-color:rgba(0,0,0,.6)}.cover__image{z-index:0;object-fit:cover}.cover__body,.cover__content,.cover__footer,.cover__header{position:relative;z-index:2}.cover__content{margin:auto;padding:0 1em;max-width:75em;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:18.75em}.cover--overlaid .cover__content{color:#fff}.cover__body{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.cover__footer{text-align:center}.cover__scroll-btn{display:inline-block;border-width:0;padding:.666667em;color:inherit;background-color:transparent;font-size:1em;text-align:center;cursor:pointer}.cover__scroll-btn:active,.cover__scroll-btn:focus,.cover__scroll-btn:hover{color:#000;background-color:#fff}