.image-on-image{position:relative;height:50vh}@media all and (min-width:1281px){.image-on-image{height:100%}}.image-on-image__image-container{background-size:cover;background-position:center;height:100%;width:100%;opacity:0;-webkit-transition:opacity 300ms cubic-bezier(.694,0,.335,1);-o-transition:opacity 300ms cubic-bezier(.694,0,.335,1);transition:opacity 300ms cubic-bezier(.694,0,.335,1)}.image-on-image__image-container.is-loaded{opacity:1}.image-on-image__image-container img{display:block;height:100%;width:100%}.image-on-image .foreground{position:absolute;left:0;top:0;right:0;bottom:0;display:block;margin:auto}.image-on-image .browser-dots{display:none}.image-on-image--has-browser-dots .browser-dots{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:-12px}@media all and (min-width:375px){.image-on-image--has-browser-dots .browser-dots{top:-14px}}@media all and (min-width:768px){.image-on-image--has-browser-dots .browser-dots{top:-15px}}@media all and (min-width:1281px){.image-on-image--has-browser-dots .browser-dots{top:-16px}}@media all and (min-width:1441px){.image-on-image--has-browser-dots .browser-dots{top:-18px}}@media all and (min-width:1601px){.image-on-image--has-browser-dots .browser-dots{top:-20px}}@media all and (min-width:1920px){.image-on-image--has-browser-dots .browser-dots{top:-23px}}.image-on-image--has-browser-dots .browser-dots__dot{background-color:#fff;border-radius:100%;display:block;width:6px;height:6px;margin-right:4px}@media all and (min-width:768px){.image-on-image--has-browser-dots .browser-dots__dot{width:7px;height:7px;margin-right:5px}}@media all and (min-width:1024px){.image-on-image--has-browser-dots .browser-dots__dot{width:8px;height:8px;margin-right:6px}}@media all and (min-width:1601px){.image-on-image--has-browser-dots .browser-dots__dot{height:9px;width:9px;margin-right:7px}}@media all and (min-width:1920px){.image-on-image--has-browser-dots .browser-dots__dot{height:10px;width:10px;margin-right:8px}}