.section-real-swift-code .image-starting-points {
    background-image: url(/hk/en/swift/playgrounds/images/overview/creativity_imac__fljsja9he8mm_large.png)
}

@media only screen and (max-width: 385px) {
    .section-real-swift-code .image-starting-points {
        background-image: url(/hk/en/swift/playgrounds/images/overview/creativity_imac__fljsja9he8mm_large.png);
    }
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution:144dpi),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
    .section-real-swift-code .image-starting-points {
        background-image: url(/hk/en/swift/playgrounds/images/overview/creativity_imac__fljsja9he8mm_large_2x.png)
    }
}

@media only screen and (max-width: 385px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:385px) and (min-resolution:1.5dppx),
only screen and (max-width:385px) and (min-resolution:144dpi) {
    .section-real-swift-code .image-starting-points {
        background-image: url(/hk/en/swift/playgrounds/images/overview/creativity_imac__fljsja9he8mm_large_2x.png)
    }
}

@media only screen and (max-width: 1068px) {
    .section-real-swift-code .image-starting-points {
        background-image: url(/hk/en/swift/playgrounds/images/overview/creativity_imac__fljsja9he8mm_medium.png)
    }
}

@media only screen and (max-width: 385px) and (max-width:1068px) {
    .section-real-swift-code .image-starting-points {
        background-image: url(/hk/en/swift/playgrounds/images/overview/creativity_imac__fljsja9he8mm_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) {
    .section-real-swift-code .image-starting-points {
        background-image: url(/hk/en/swift/playgrounds/images/overview/creativity_imac__fljsja9he8mm_medium_2x.png)
    }
}

@media only screen and (max-width: 385px) and (max-width:1068px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:385px) and (max-width:1068px)and (min-resolution:1.5dppx),
only screen and (max-width:385px) and (max-width:1068px)and (min-resolution:144dpi) {
    .section-real-swift-code .image-starting-points {
        background-image: url(/hk/en/swift/playgrounds/images/overview/creativity_imac__fljsja9he8mm_medium_2x.png)
    }
}

@media only screen and (max-width: 734px) {
    .section-real-swift-code .image-starting-points {
        background-image: url(/hk/en/swift/playgrounds/images/overview/creativity_imac__fljsja9he8mm_small.png)
    }
}

@media only screen and (max-width: 385px) and (max-width:734px) {
    .section-real-swift-code .image-starting-points {
        background-image: url(/hk/en/swift/playgrounds/images/overview/creativity_imac__fljsja9he8mm_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) {
    .section-real-swift-code .image-starting-points {
        background-image: url(/hk/en/swift/playgrounds/images/overview/creativity_imac__fljsja9he8mm_small_2x.png)
    }
}

@media only screen and (max-width: 385px) and (max-width:734px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:385px) and (max-width:734px) and (min-resolution:1.5dppx),
only screen and (max-width:385px) and (max-width:734px) and (min-resolution:144dpi) {
    .section-real-swift-code .image-starting-points {
        background-image: url(/hk/en/swift/playgrounds/images/overview/creativity_imac__fljsja9he8mm_small_2x.png)
    }
}

.section-build-your-first-app .image-xcode-and-back {
    background-image: url(/hk/en/swift/playgrounds/images/overview/xcode-lockup__sd3dx3kts362_large.png);
}

@media only screen and (max-width: 366px) {
    .section-build-your-first-app .image-xcode-and-back {
        background-image: url(/hk/en/swift/playgrounds/images/overview/xcode-lockup__sd3dx3kts362_large.png);
    }
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution:144dpi),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
    .section-build-your-first-app .image-xcode-and-back {
        background-image: url(/hk/en/swift/playgrounds/images/overview/xcode-lockup__sd3dx3kts362_large_2x.png)
    }
}

@media only screen and (max-width: 366px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:366px) and (min-resolution:1.5dppx),
only screen and (max-width:366px) and (min-resolution:144dpi) {
    .section-build-your-first-app .image-xcode-and-back {
        background-image: url(/hk/en/swift/playgrounds/images/overview/xcode-lockup__sd3dx3kts362_large_2x.png)
    }
}

@media only screen and (max-width: 1068px) {
    .section-build-your-first-app .image-xcode-and-back {
        background-image: url(/hk/en/swift/playgrounds/images/overview/xcode-lockup__sd3dx3kts362_medium.png)
    }
}

@media only screen and (max-width: 366px) and (max-width:1068px) {
    .section-build-your-first-app .image-xcode-and-back {
        background-image: url(/hk/en/swift/playgrounds/images/overview/xcode-lockup__sd3dx3kts362_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) {
    .section-build-your-first-app .image-xcode-and-back {
        background-image: url(/hk/en/swift/playgrounds/images/overview/xcode-lockup__sd3dx3kts362_medium_2x.png)
    }
}

@media only screen and (max-width: 366px) and (max-width:1068px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:366px) and (max-width:1068px) and (min-resolution:1.5dppx),
only screen and (max-width:366px) and (max-width:1068px) and (min-resolution:144dpi) {
    .section-build-your-first-app .image-xcode-and-back {
        background-image: url(/hk/en/swift/playgrounds/images/overview/xcode-lockup__sd3dx3kts362_medium_2x.png)
    }
}

@media only screen and (max-width: 734px) {
    .section-build-your-first-app .image-xcode-and-back {
        background-image: url(/hk/en/swift/playgrounds/images/overview/xcode-lockup__sd3dx3kts362_small.png)
    }
}

@media only screen and (max-width: 366px) and (max-width:734px) {
    .section-build-your-first-app .image-xcode-and-back {
        background-image: url(/hk/en/swift/playgrounds/images/overview/xcode-lockup__sd3dx3kts362_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) {
    .section-build-your-first-app .image-xcode-and-back {
        background-image: url(/hk/en/swift/playgrounds/images/overview/xcode-lockup__sd3dx3kts362_small_2x.png)
    }
}

@media only screen and (max-width: 366px) and (max-width:734px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:366px) and (max-width:734px) and (min-resolution:1.5dppx),
only screen and (max-width:366px) and (max-width:734px) and (min-resolution:144dpi) {
    .section-build-your-first-app .image-xcode-and-back {
        background-image: url(/hk/en/swift/playgrounds/images/overview/xcode-lockup__sd3dx3kts362_small_2x.png)
    }
}

/* 2022.05.27*/

.section-hero .image-hero {
    background-image: url(/hk/en/swift/playgrounds/images/overview/hero__figdaso76zee_large.png);
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
    .section-hero .image-hero {
        background-image:url(/hk/en/swift/playgrounds/images/overview/hero__figdaso76zee_large_2x.png)
    }
}

@media only screen and (max-width: 1068px) {
    .section-hero .image-hero {
        background-image:url(/hk/en/swift/playgrounds/images/overview/hero__figdaso76zee_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) {
    .section-hero .image-hero {
        background-image:url(/hk/en/swift/playgrounds/images/overview/hero__figdaso76zee_medium_2x.png)
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .image-hero {
        background-image:url(/hk/en/swift/playgrounds/images/overview/hero__figdaso76zee_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) {
    .section-hero .image-hero {
        background-image:url(/hk/en/swift/playgrounds/images/overview/hero__figdaso76zee_small_2x.png)
    }
}

@media only screen and (max-width: 577px) {
    .section-hero .image-hero {
        background-image: url(/hk/en/swift/playgrounds/images/overview/hero__figdaso76zee_large.png);
    }
}

@media only screen and (max-width: 577px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 577px) and (min-resolution: 1.5dppx), only screen and (max-width: 577px) and (min-resolution: 144dpi) {
    .section-hero .image-hero {
        background-image:url(/hk/en/swift/playgrounds/images/overview/hero__figdaso76zee_large_2x.png)
    }
}


@media only screen and (max-width: 577px) and (max-width: 1068px) {
    .section-hero .image-hero {
        background-image: url(/hk/en/swift/playgrounds/images/overview/hero__figdaso76zee_medium.png);
    }
}

@media only screen and (max-width: 577px) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 577px) and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 577px) and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-hero .image-hero {
        background-image:url(/hk/en/swift/playgrounds/images/overview/hero__figdaso76zee_medium_2x.png)
    }
}

@media only screen and (max-width: 577px) and (max-width: 734px) {
    .section-hero .image-hero {
        background-image: url(/hk/en/swift/playgrounds/images/overview/hero__figdaso76zee_small.png);
    }
}

@media only screen and (max-width: 577px) and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 577px) and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 577px) and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-hero .image-hero {
        background-image:url(/hk/en/swift/playgrounds/images/overview/hero__figdaso76zee_small_2x.png)
    }
}