.transition-image-container {width: 100%;height: auto;overflow: hidden;display: block;padding: 0;margin: 0;margin-top: -300px;line-height: 0;position: relative;z-index: 1;}.transition-image {width: 100%;height: auto;display: block;object-fit: cover;}@media screen and (max-width: 1200px) {.transition-image {width: 100%;height: auto;}.transition-image-container {margin-top: -200px;}}@media screen and (max-width: 768px) {.transition-image-container {margin-top: -100px;}}.hero-transition-image {position: absolute;bottom: 0;left: 0;width: 100vw;margin-left: calc(-50vw + 50%);line-height: 0;z-index: 10;overflow: hidden;text-align: center;}.hero-transition-image img {width: 100%;height: auto;display: block;object-fit: cover;vertical-align: bottom;}.about-preview {position: relative;z-index: 5;padding-top: 20px;}@media screen and (max-width: 1200px) {.hero-transition-image {bottom: -1px;}}@media screen and (max-width: 992px) {.hero-transition-image {width: 100vw;}}@media screen and (max-width: 768px) {.hero-transition-image img {transform: scale(1.05);}.about-preview {padding-top: 10px;}}@media screen and (max-width: 576px) {.hero-transition-image img {transform: scale(1.1);}}@media screen and (max-width: 375px) {.hero-transition-image {bottom: -1px;}.hero-transition-image img {transform: scale(1.2);max-width: none;width: 100%;}}@media screen and (max-height: 500px) and (orientation: landscape) {.hero-transition-image {position: relative;margin-top: -50px;}}