diff --git a/src/scss/flex-text-over-image-b.scss b/src/scss/flex-text-over-image-b.scss new file mode 100644 index 0000000..f936b31 --- /dev/null +++ b/src/scss/flex-text-over-image-b.scss @@ -0,0 +1,25 @@ +.text-over-image-b { + background-position: center; + background-size: cover; + + .content-wrapper { + display: flex; + justify-content: flex-end; + + .content { + background-color: rgba($c-white, 0.8); + padding: 6rem 2rem; + + h2 { + @extend .goudy; + font-size: 70px; + line-height: 77px; + margin-bottom: 2rem; + } + + strong { + color: $c-navy; + } + } + } +}