.teaser-text { padding: 5.0%; font-size: 1.5em; white-space: pre; overflow: hidden; font-weight: normal; -webkit-font-smoothing: antialiased; } .testimonial .teaser-text { z-index: 1; } .teaser .teaser-text { position: absolute; } .teaser-color__white { color: white; } .teaser-color__black { color: black; } .teaser-text__logo { font-weight: bold; } .teaser-text__logo sup { font-size: .5em; font-weight: normal; position: relative; top: -7px; } .teaser-position__top_left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .teaser-position__left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .teaser-position__bottom_left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .teaser-position__top_right { text-align: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .teaser-position__right { text-align: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .teaser-position__bottom_right { text-align: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .testimonial { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .testimonial-image { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }