center

1 files changed, 7 insertions, 3 deletions

diff --git a/studio-susie/public/assets/css/css.css b/studio-susie/public/assets/css/css.css
index a1cfe52..15ebedb 100644
--- a/studio-susie/public/assets/css/css.css
+++ b/studio-susie/public/assets/css/css.css
@@ -33,16 +33,20 @@ h1, h2 {
 .section {
   background-size: cover;
   background-repeat: no-repeat;
-  background-position: 0% 0%;
+  background-position: top left;
+  transform: translateZ(0);
   transition: all 0.6s cubic-bezier(0,0,0,1);
 }
+.section.center {
+  background-position: center center;
+}
 .mobile .section {
   background-size: contain;
 }
 .section.zoomed {
-  transform: scale(0.8);
+  transform: translateZ(0) scale(0.8);
   background-size: contain;
-  background-position: 50% 50%;
+  background-position: center center;
 }
 .plaque {
   position: absolute;