.page-overview .section-hero figure.image-hero {
    background-image: url("/in/keynote/images/overview/hero__ccnawn2zv90i_large.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .page-overview .section-hero figure.image-hero {
        background-image: url("/in/keynote/images/overview/hero__ccnawn2zv90i_large_2x.png")
    }
}
@media only screen and (max-width: 1068px) {
    .page-overview .section-hero figure.image-hero {
        background-image: url("/in/keynote/images/overview/hero__ccnawn2zv90i_medium.png")
    }
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-hero figure.image-hero {
        background-image: url("/in/keynote/images/overview/hero__ccnawn2zv90i_medium_2x.png")
    }
}
@media only screen and (max-width: 734px) {
    .page-overview .section-hero figure.image-hero {
        background-image: url("/in/keynote/images/overview/hero__ccnawn2zv90i_small.png")
    }
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-hero figure.image-hero {
        background-image: url("/in/keynote/images/overview/hero__ccnawn2zv90i_small_2x.png")
    }
}
@media only screen and (max-width: 374px) {
    .page-overview .section-hero figure.image-hero {
        background-image: url("/in/keynote/images/overview/hero__ccnawn2zv90i_xsmall.png")
    }
}
@media only screen and (max-width: 374px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 374px) and (min-resolution: 1.5dppx),
only screen and (max-width: 374px) and (min-resolution: 144dpi) {
    .page-overview .section-hero figure.image-hero {
        background-image: url("/in/keynote/images/overview/hero__ccnawn2zv90i_xsmall_2x.png")
    }
}
 

.page-overview .section-tools figure.image-animate {

    background-image: url("/in/keynote/images/overview/animate__fjqp4ryljoq6_large.jpg");
  
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .page-overview .section-tools figure.image-animate {
        background-image: url("/in/keynote/images/overview/animate__fjqp4ryljoq6_large_2x.jpg")
    }
}
@media only screen and (max-width: 1068px) {
    .page-overview .section-tools figure.image-animate {
       
        background-image: url("/in/keynote/images/overview/animate__fjqp4ryljoq6_medium.jpg")
    }
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-tools figure.image-animate {
        background-image: url("/in/keynote/images/overview/animate__fjqp4ryljoq6_medium_2x.jpg")
    }
}
@media only screen and (max-width: 734px) {
    .page-overview .section-tools figure.image-animate {
      
        background-image: url("/in/keynote/images/overview/animate__fjqp4ryljoq6_small.jpg")
    }
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-tools figure.image-animate {
        background-image: url("/in/keynote/images/overview/animate__fjqp4ryljoq6_small_2x.jpg")
    }
}


.page-overview .section-tools figure.image-spectacular {
    background-image: url("/in/keynote/images/overview/make_spectacular__buxell2xgmuq_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .page-overview .section-tools figure.image-spectacular {
        background-image:url("/in/keynote/images/overview/make_spectacular__buxell2xgmuq_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-tools figure.image-spectacular {
        background-image: url("/in/keynote/images/overview/make_spectacular__buxell2xgmuq_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-tools figure.image-spectacular {
        background-image:url("/in/keynote/images/overview/make_spectacular__buxell2xgmuq_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-tools figure.image-spectacular {
        background-image: url("/in/keynote/images/overview/make_spectacular__buxell2xgmuq_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-tools figure.image-spectacular {
        background-image:url("/in/keynote/images/overview/make_spectacular__buxell2xgmuq_small_2x.jpg")
    }
}

.page-overview .section-features figure.image-multi-device {
    
    background-image: url("/in/keynote/images/overview/icloud_keynote__76hdqmoussiy_large.jpg");
    
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .page-overview .section-features figure.image-multi-device {
        background-image: url("/in/keynote/images/overview/icloud_keynote__76hdqmoussiy_large_2x.jpg")
    }
}
@media only screen and (max-width: 1068px) {
    .page-overview .section-features figure.image-multi-device {
        
        background-image: url("/in/keynote/images/overview/icloud_keynote__76hdqmoussiy_medium.jpg")
    }
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-features figure.image-multi-device {
        background-image: url("/in/keynote/images/overview/icloud_keynote__76hdqmoussiy_medium_2x.jpg")
    }
}
@media only screen and (max-width: 734px) {
    .page-overview .section-features figure.image-multi-device {
        
        background-image: url("/in/keynote/images/overview/icloud_keynote__76hdqmoussiy_small.jpg")
    }
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-features figure.image-multi-device {
        background-image: url("/in/keynote/images/overview/icloud_keynote__76hdqmoussiy_small_2x.jpg")
    }
}

.page-overview .section-features figure.image-pc {
   
    background-image: url("/in/keynote/images/overview/pc__e4vl41kyu2ye_large.jpg");
   
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .page-overview .section-features figure.image-pc {
        background-image: url("/in/keynote/images/overview/pc__e4vl41kyu2ye_large_2x.jpg")
    }
}
@media only screen and (max-width: 1068px) {
    .page-overview .section-features figure.image-pc {
       
        background-image: url("/in/keynote/images/overview/pc__e4vl41kyu2ye_medium.jpg")
    }
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-features figure.image-pc {
        background-image: url("/in/keynote/images/overview/pc__e4vl41kyu2ye_medium_2x.jpg")
    }
}
@media only screen and (max-width: 734px) {
    .page-overview .section-features figure.image-pc {
        
        background-image: url("/in/keynote/images/overview/pc__e4vl41kyu2ye_small.jpg")
    }
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-features figure.image-pc {
        background-image: url("/in/keynote/images/overview/pc__e4vl41kyu2ye_small_2x.jpg")
    }
}

.page-overview .section-features figure.image-collaborate {
   
    background-image: url("/in/keynote/images/overview/create_together__ccnf5e0mlkuq_large.jpg");
 
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .page-overview .section-features figure.image-collaborate {
        background-image: url("/in/keynote/images/overview/create_together__ccnf5e0mlkuq_large_2x.jpg")
    }
}
@media only screen and (max-width: 1068px) {
    .page-overview .section-features figure.image-collaborate {
        
        background-image: url("/in/keynote/images/overview/create_together__ccnf5e0mlkuq_medium.jpg")
    }
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-features figure.image-collaborate {
        background-image: url("/in/keynote/images/overview/create_together__ccnf5e0mlkuq_medium_2x.jpg")
    }
}
@media only screen and (max-width: 734px) {
    .page-overview .section-features figure.image-collaborate {
         
        background-image: url("/in/keynote/images/overview/create_together__ccnf5e0mlkuq_small.jpg")
    }
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-features figure.image-collaborate {
        background-image: url("/in/keynote/images/overview/create_together__ccnf5e0mlkuq_small_2x.jpg")
    }
}

.page-overview .section-tools figure.image-animate {
    background-image: url("/in/keynote/images/overview/animate_anything__fqnrhb9i9wi2_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .page-overview .section-tools figure.image-animate {
        background-image:url("/in/keynote/images/overview/animate_anything__fqnrhb9i9wi2_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-tools figure.image-animate {
        background-image: url("/in/keynote/images/overview/animate_anything__fqnrhb9i9wi2_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-tools figure.image-animate {
        background-image:url("/in/keynote/images/overview/animate_anything__fqnrhb9i9wi2_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-tools figure.image-animate {
        background-image: url("/in/keynote/images/overview/animate_anything__fqnrhb9i9wi2_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-tools figure.image-animate {
        background-image:url("/in/keynote/images/overview/animate_anything__fqnrhb9i9wi2_small_2x.jpg")
    }
}

.page-overview .section-features figure.image-pc {
    background-image: url("/in/keynote/images/overview/pc_keynote__b6ahd3au4pea_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .page-overview .section-features figure.image-pc {
        background-image:url("/in/keynote/images/overview/pc_keynote__b6ahd3au4pea_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-features figure.image-pc {
        background-image: url("/in/keynote/images/overview/pc_keynote__b6ahd3au4pea_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-features figure.image-pc {
        background-image:url("/in/keynote/images/overview/pc_keynote__b6ahd3au4pea_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-features figure.image-pc {
        background-image: url("/in/keynote/images/overview/pc_keynote__b6ahd3au4pea_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-features figure.image-pc {
        background-image:url("/in/keynote/images/overview/pc_keynote__b6ahd3au4pea_small_2x.jpg")
    }
}