@@ -41,23 +41,7 @@ body {
4141 transition : 0.3s all cubic-bezier (0.19 , 1 , 0.22 , 1 );
4242}
4343
44- body ::before {
45- transform : translateZ (0 );
46- pointer-events : none;
47- position : absolute;
48- content : "" ;
49- z-index : -5 ;
50- top : -60% ;
51- right : 0 ;
52- height : 100% ;
53- width : 100% ;
54- mix-blend-mode : screen;
55- background : url ('./images/Alyssa-Skala_x1280.jpg' ) no-repeat;
56- background-size : 1380px auto;
57- background-position : center;
58- -webkit-mask-image : radial-gradient (circle closest-side at 50% 50% , rgba (0 , 0 , 0 , 1 ), transparent 100% );
59- mask-image : radial-gradient (circle closest-side at 50% 50% , rgba (0 , 0 , 0 , 0.95 ), transparent 100% );
60- }
44+
6145
6246
6347/* body::after {
@@ -78,23 +62,7 @@ body::before {
7862 mask-image: radial-gradient(circle closest-side at 50% 50%, rgba(0, 0, 0, 0.5), transparent 100%);
7963} */
8064
81- html ::after {
82- transform : translateZ (0 );
83- pointer-events : none;
84- position : absolute;
85- content : "" ;
86- z-index : -5 ;
87- top : 130% ;
88- right : 0 ;
89- height : 100% ;
90- width : 100% ;
91- mix-blend-mode : screen;
92- background : url ('./images/Alyssa-Skala_x1280.jpg' ) no-repeat;
93- background-size : 1380px auto;
94- background-position : center;
95- -webkit-mask-image : radial-gradient (circle closest-side at 50% 50% , rgba (0 , 0 , 0 , 0.5 ), transparent 100% );
96- mask-image : radial-gradient (circle closest-side at 50% 50% , rgba (0 , 0 , 0 , 0.5 ), transparent 100% );
97- }
65+
9866
9967@media (max-width : 1280px ) {
10068 body ::before {
0 commit comments