|
|
@ -159,29 +159,35 @@ export default { |
|
|
|
|
|
|
|
|
|
|
|
li { |
|
|
|
li { |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
height: 450px; |
|
|
|
display: flex; |
|
|
|
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
height: 433px; |
|
|
|
margin-bottom: 2rem; |
|
|
|
margin-bottom: 2rem; |
|
|
|
|
|
|
|
|
|
|
|
&:nth-child(even) { |
|
|
|
&:nth-child(even) { |
|
|
|
|
|
|
|
flex-direction: row-reverse; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.pic { |
|
|
|
|
|
|
|
margin-left: -50px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.texts { |
|
|
|
.texts { |
|
|
|
left: 50px; |
|
|
|
margin-left: 0; |
|
|
|
right: auto; |
|
|
|
|
|
|
|
background: rgba(255, 255, 255, 0.43); |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.pic { |
|
|
|
.pic { |
|
|
|
width: 100%; |
|
|
|
width: 55%; |
|
|
|
height: 100%; |
|
|
|
height: 100%; |
|
|
|
|
|
|
|
object-fit: cover; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.texts { |
|
|
|
.texts { |
|
|
|
position: absolute; |
|
|
|
position: relative; |
|
|
|
top: 60px; |
|
|
|
|
|
|
|
right: 50px; |
|
|
|
|
|
|
|
width: 380px; |
|
|
|
width: 380px; |
|
|
|
padding: 50px 25px; |
|
|
|
padding: 50px 25px; |
|
|
|
|
|
|
|
margin-left: -50px; |
|
|
|
background: rgba(243, 251, 255, 0.82); |
|
|
|
background: rgba(243, 251, 255, 0.82); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|