|
@ -39,7 +39,7 @@ article.blurb__wrapper { |
|
|
.before-and-after { |
|
|
.before-and-after { |
|
|
--ratio: 781/1347; |
|
|
--ratio: 781/1347; |
|
|
/* --ratio: 1347/781; */ |
|
|
/* --ratio: 1347/781; */ |
|
|
--height: 30rem; |
|
|
|
|
|
|
|
|
--height: 32rem; |
|
|
position: relative; |
|
|
position: relative; |
|
|
height: var(--height); |
|
|
height: var(--height); |
|
|
width: calc(var(--height) * var(--ratio)); |
|
|
width: calc(var(--height) * var(--ratio)); |
|
@ -47,7 +47,7 @@ article.blurb__wrapper { |
|
|
border: 2px solid white; |
|
|
border: 2px solid white; |
|
|
border-radius: var(--r-1); |
|
|
border-radius: var(--r-1); |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
background: var(--c-1); |
|
|
|
|
|
|
|
|
/* background: var(--c-1); */ |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|