@media (min-width: 30em) {
  .handler-animated-images .images-contain {
    width: 200rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; } }

.handler-animated-images img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover; }

.handler-animated-images .image-1-contain {
  display: block;
  margin: 0 -2rem;
  max-width: calc(100% + 4rem);
  width: calc(100% + 4rem);
  height: 16rem; }
  @media (min-width: 30em) {
    .handler-animated-images .image-1-contain {
      width: 23.375rem;
      height: 14.5rem;
      margin: 0 4rem 0 0; } }
  @media (min-width: 55em) {
    .handler-animated-images .image-1-contain {
      width: 46.75rem;
      height: 29rem; } }

.handler-animated-images .image-2 {
  display: none; }
  @media (min-width: 30em) {
    .handler-animated-images .image-2 {
      display: block;
      width: 23.375rem;
      height: 14.5rem;
      margin: 0 4rem 0 0; } }
  @media (min-width: 55em) {
    .handler-animated-images .image-2 {
      width: 46.75rem;
      height: 29rem; } }

/*# sourceMappingURL=maps/handler-animated-images.css.map */