finalize gallery feature

_sass/_isabelline.scss

@@ -235,20 +235,37 @@ main {
 			width: 100%;
 			
 			// height: 200px;
-			float: left;
+			// float: left;
 		}
 
 		div.images {
+			position: relative;
+			height: 500px;
+			overflow: hidden;
+
+			will-change: height;
+			transition: 300ms ease;
+
+			img.transition {
+				will-change: left;
+				transition: 300ms ease;
+			}
+
+			img.left   { left: -100% !important; }
+			img.right  { left:  100% !important; }
+			img.center { left:    0  !important; }
+
 			img {
 				cursor: pointer;
 				border-radius: 6px;
-				display: none;
-				transition: all 300ms ease;
-				will-change: display;
+				
+				position: absolute;
+				top: 0;
+				left: 100%;
 			}
 			
 			img:first-child {
-				display: block;
+				left: 0;
 			}
 		}
 
@@ -271,6 +288,8 @@ main {
 				}
 			}
 
+			// slightly modified version of
+			// https://css-tricks.com/making-pure-css-playpause-button/
 			.play {
 				float: left;