div.photoreel-container{position:relative;width:100%;margin:auto;height:400px;overflow:hidden;transition-property:height;transition-duration:0.5s}@media screen and (max-width: 750px){div.photoreel-container{height:240px}}div.photoreel-left,div.photoreel-right{cursor:pointer;display:inline-block;position:absolute;z-index:1;top:50%;font-size:2rem}div.photoreel-left img:hover,div.photoreel-right img:hover{-webkit-filter:brightness(3);filter:brightness(3)}div.photoreel-left a,div.photoreel-right a{text-decoration:none}div.photoreel-right{right:2%}div.photoreel-left{left:2%}div[class^='photoreel-photo']{position:absolute;text-align:center;width:100%;left:100%;display:flex;align-items:center;justify-content:center;max-height:100%}div[class^='photoreel-photo'].animate{-webkit-transition:left 1s;transition:left 1s}div.photoreel-photo-0{left:0}div[class^='photoreel-photo'] img{width:100%;display:block;margin:auto}@media (max-width: 750px){div[class^='photoreel-photo'] img{max-width:100%}}div.photoreel-dots{position:absolute;bottom:0;left:50%;width:50%;text-align:center}a[class^='photoreel-dot']{cursor: pointer;text-decoration:none;color:white;font-weight:900;text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;font-size:1.5rem}a[class^='photoreel-dot']::after{content:" □ "}a[class^='photoreel-dot'].selected::after{content:" ■ "}span.photoreel-title{position:absolute;left:50%;color:white;bottom:25px;font-weight:900;text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000}