diff --git a/static/homepage.css b/static/homepage.css index 9b3e271c9c3058c68bdd248c922454eb06b0f65f..725eb15d7307e6ac9bf4ecdc9dcf0465b413d0fd 100644 --- a/static/homepage.css +++ b/static/homepage.css @@ -318,42 +318,45 @@ transform: translateX(0.8px); background-size: cover; } -.homepage-content-img8{ - top: 6700px; - width: 318.229px; - height: 376.458px; +.homepage-content-img8 { + top: 7500px; + width: 400px; + height: 200px; flex-shrink: 0; transform: translateX(110%); - background: linear-gradient(180deg, rgba(198, 235, 232, 0.00) 0%, rgba(198, 235, 232, 0.30) 100%), url("https://static.igem.wiki/teams/5054/braarudosphaera-bigelowii-nitroplast-webp.png"), 0px / 124.243% 105.026% no-repeat; + background: linear-gradient(180deg, rgba(198, 235, 232, 0.00) 0%, rgba(198, 235, 232, 0.30) 100%), url(https://static.igem.wiki/teams/5054/braarudosphaera-bigelowii-nitroplast-webp.png), 0px / 124.243% 105.026% no-repeat; opacity: 0; transition: all 0.5s linear; } -.homepage-content-img9{ - top: 6790px; - width: 400.833px; - height: 400.833px; +.homepage-content-img9 { + top: 7800px; + width: 350px; + height: 350px; transform: translateX(-42.5%); - background: url("https://static.igem.wiki/teams/5054/braarudosphaera-bigelowii.jpg"); + background: url(https://static.igem.wiki/teams/5054/braarudosphaera-bigelowii.jpg); opacity: 0; transition: all 0.5s linear; } -.homepage-content-img10{ - top: 7345px; - width: 415.56px; - height: 236.979px; - transform: translate(60%); - background: linear-gradient(180deg, rgba(198, 235, 232, 0.00) 0%, rgba(198, 235, 232, 0.30) 100%), url("https://static.igem.wiki/teams/5054/1-fhcicaa6dp-c4wqstxpqkg.jpg"), 0px -70.565px / 100% 129.911% no-repeat; +.homepage-content-img10 { + top: 8000px; + width: 400px; + height: 500px; + transform: translate(110%); + background: linear-gradient(180deg, rgba(198, 235, 232, 0.00) 0%, rgba(198, 235, 232, 0.30) 100%), url(https://static.igem.wiki/teams/5054/1-fhcicaa6dp-c4wqstxpqkg.jpg), 0px -70.565px / 100% 129.911% no-repeat; opacity: 0; transition: all 0.5s linear; + /* max-width: 50%; */ + /* max-height: 50%; */ + background-size: cover; } -.homepage-content-img11{ - top: 7478px; +.homepage-content-img11 { + top: 8500px; width: 349.206px; height: 236.979px; flex-shrink: 0; border-radius: 33.854px; - transform: translateX(-70%); - background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%), url("https://static.igem.wiki/teams/5054/logo-kleur.svg"), 50% / cover no-repeat; + transform: translateX(-42%); + background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%), url("https://static.igem.wiki/teams/5054/gif-transparent.gif"), 50% / cover no-repeat; opacity: 0; transition: all 0.5s linear; } @@ -741,36 +744,36 @@ height: 28px; flex-shrink: 0; } -.homepage-content11{ - top: 6630px; +.homepage-content11 { + top: 7500px; width: 340px; height: 200px; - transform: translateX(35%); + transform: translateX(20%); opacity: 0; transition: all 0.5s linear; } -.homepage-content12{ - top: 7100px; +.homepage-content12 { + top: 8150px; width: 340px; height: 200px; - transform: translateX(-80%); + transform: translateX(-42.5%); opacity: 0; transition: all 0.5s linear; } -.homepage-content13{ - top: 7280px; +.homepage-content13 { + top: 7850px; width: 340px; height: 200px; - transform: translateX(60%); + transform: translateX(120%); opacity: 0; transition: all 0.5s linear; } -.homepage-content14{ - top: 7624px; +.homepage-content14 { + top: 8740px; width: 340px; height: 200px; - transform: translateX(-60%); + transform: translateX(-42%); opacity: 0; transition: all 0.5s linear; }