Skip to content

Commit 921f005

Browse files
Styled overlapping images.
1 parent 24fd801 commit 921f005

File tree

1 file changed

+7
-7
lines changed

1 file changed

+7
-7
lines changed

_sass/about.scss

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -107,7 +107,6 @@
107107
.about__img-top-title-container {
108108
position: relative;
109109
top: 0;
110-
left: 0;
111110
z-index: 2;
112111
&::after {
113112
position: absolute;
@@ -116,7 +115,7 @@
116115
height: 100%;
117116
content: "";
118117
display: block;
119-
background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/about/top_image_964x643px.JPG") no-repeat top center;
118+
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)), url("../images/about/top_image_964x643px.JPG") no-repeat top center;
120119
background-size: cover;
121120
filter: blur(2px);
122121
z-index: -1;
@@ -125,6 +124,7 @@
125124

126125
.about__img-top-title {
127126
@extend .about__paragraph-title-light;
127+
font-size: 2em;
128128
text-align: center;
129129
margin-bottom: 0;
130130
line-height: 2em;
@@ -136,17 +136,17 @@
136136
left: 15%;
137137
width: 40%;
138138
height: 50%;
139-
background: url("../images/about/top_image_964x659px.JPG") no-repeat top center;
139+
background: url("../images/about/top_image_964x659px.JPG") no-repeat bottom center;
140140
background-size: cover;
141141
overflow: hidden;
142142
border: $old-white 2px groove;
143143
border-radius: 5px;
144144
}
145145

146146
.about__img-bot-title-container {
147-
position: relative;
148-
top: 0;
149-
left: 0;
147+
position: absolute;
148+
width: 100%;
149+
bottom: 0;
150150
z-index: 2;
151151
&::after {
152152
position: absolute;
@@ -155,7 +155,7 @@
155155
height: 100%;
156156
content: "";
157157
display: block;
158-
background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/about/top_image_964x659px.JPG") no-repeat top center;
158+
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)), url("../images/about/top_image_964x659px.JPG") no-repeat bottom center;
159159
background-size: cover;
160160
filter: blur(2px);
161161
z-index: -1;

0 commit comments

Comments
 (0)