@keyframes moveContentUnderImage {
        0% {
                transform: translateX(0);
        }
        1% {
                transform: translateX(-1%);
        }
        2% {
                transform: translateX(-2%);
        }
        3% {
                transform: translateX(-3%);
        }
        4% {
                transform: translateX(-4%);
        }
        5% {
                transform: translateX(-5%);
        }
        6% {
                transform: translateX(-6%);
        }
        7% {
                transform: translateX(-7%);
        }
        8% {
                transform: translateX(-8%);
        }
        9% {
                transform: translateX(-9%);
        }
        10% {
                transform: translateX(-10%);
        }
        11% {
                transform: translateX(-11%);
        }
        12% {
                transform: translateX(-12%);
        }
        13% {
                transform: translateX(-13%);
        }
        14% {
                transform: translateX(-14%);
        }
        15% {
                transform: translateX(-15%);
        }
        16% {
                transform: translateX(-16%);
        }
        17% {
                transform: translateX(-17%);
        }
        18% {
                transform: translateX(-18%);
        }
        19% {
                transform: translateX(-19%);
        }
        20% {
                transform: translateX(-20%);
        }
        21% {
                transform: translateX(-21%);
        }
        22% {
                transform: translateX(-22%);
        }
        23% {
                transform: translateX(-23%);
        }
        24% {
                transform: translateX(-24%);
        }
        25% {
                transform: translateX(-25%);
        }
        26% {
                transform: translateX(-26%);
        }
        27% {
                transform: translateX(-27%);
        }
        28% {
                transform: translateX(-28%);
        }
        29% {
                transform: translateX(-29%);
        }
        30% {
                transform: translateX(-30%);
        }
        31% {
                transform: translateX(-31%);
        }
        32% {
                transform: translateX(-32%);
        }
        33% {
                transform: translateX(-33%);
        }
        34% {
                transform: translateX(-34%);
        }
        35% {
                transform: translateX(-35%);
        }
        36% {
                transform: translateX(-36%);
        }
        37% {
                transform: translateX(-37%);
        }
        38% {
                transform: translateX(-38%);
        }
        39% {
                transform: translateX(-39%);
        }
        40% {
                transform: translateX(-40%);
        }
        41% {
                transform: translateX(-41%);
        }
        42% {
                transform: translateX(-42%);
        }
        43% {
                transform: translateX(-43%);
        }
        44% {
                transform: translateX(-44%);
        }
        45% {
                transform: translateX(-45%);
        }
        46% {
                transform: translateX(-46%);
        }
        47% {
                transform: translateX(-47%);
        }
        48% {
                transform: translateX(-48%);
        }
        49% {
                transform: translateX(-49%);
        }
        50% {
                transform: translateX(-50%);
        }
        51% {
                transform: translateX(-51%);
        }
        52% {
                transform: translateX(-52%);
        }
        53% {
                transform: translateX(-53%);
        }
        54% {
                transform: translateX(-54%);
        }
        55% {
                transform: translateX(-55%);
        }
        56% {
                transform: translateX(-56%);
        }
        57% {
                transform: translateX(-57%);
        }
        58% {
                transform: translateX(-58%);
        }
        59% {
                transform: translateX(-59%);
        }
        60% {
                transform: translateX(-60%);
        }
        61% {
                transform: translateX(-61%);
        }
        62% {
                transform: translateX(-62%);
        }
        63% {
                transform: translateX(-63%);
        }
        64% {
                transform: translateX(-64%);
        }
        65% {
                transform: translateX(-65%);
        }
        66% {
                transform: translateX(-66%);
        }
        67% {
                transform: translateX(-67%);
        }
        68% {
                transform: translateX(-68%);
        }
        69% {
                transform: translateX(-69%);
        }
        70% {
                transform: translateX(-70%);
        }
        71% {
                transform: translateX(-71%);
        }
        72% {
                transform: translateX(-72%);
        }
        73% {
                transform: translateX(-73%);
        }
        74% {
                transform: translateX(-74%);
        }
        75% {
                transform: translateX(-75%);
        }
        76% {
                transform: translateX(-76%);
        }
        77% {
                transform: translateX(-77%);
        }
        78% {
                transform: translateX(-78%);
        }
        79% {
                transform: translateX(-79%);
        }
        80% {
                transform: translateX(-80%);
        }
        81% {
                transform: translateX(-81%);
        }
        82% {
                transform: translateX(-82%);
        }
        83% {
                transform: translateX(-83%);
        }
        84% {
                transform: translateX(-84%);
        }
        85% {
                transform: translateX(-85%);
        }
        86% {
                transform: translateX(-86%);
        }
        87% {
                transform: translateX(-87%);
        }
        88% {
                transform: translateX(-88%);
        }
        89% {
                transform: translateX(-89%);
        }
        90% {
                transform: translateX(-90%);
        }
        91% {
                transform: translateX(-91%);
        }
        92% {
                transform: translateX(-92%);
        }
        93% {
                transform: translateX(-93%);
        }
        94% {
                transform: translateX(-94%);
        }
        95% {
                transform: translateX(-95%);
        }
        96% {
                transform: translateX(-96%);
        }
        97% {
                transform: translateX(-97%);
        }
        98% {
                transform: translateX(-98%);
        }
        99% {
                transform: translateX(-99%);
        }
        100% {
                transform: translateX(-100%);
        }
}

@keyframes moveImageAboveContent {
        0% {
                transform: translateX(0);
        }
        10% {
                transform: translateX(10%);
        }
        20% {
                transform: translateX(20%);
        }
        30% {
                transform: translateX(30%);
        }
        40% {
                transform: translateX(40%);
        }
        50% {
                transform: translateX(50%);
        }
        60% {
                transform: translateX(60%);
        }
        70% {
                transform: translateX(70%);
        }
        80% {
                transform: translateX(80%);
        }
        90% {
                transform: translateX(90%);
        }
        100% {
                transform: translateX(100%);
        }
        1% {
                transform: translateX(1%);
        }
        2% {
                transform: translateX(2%);
        }
        3% {
                transform: translateX(3%);
        }
        4% {
                transform: translateX(4%);
        }
        5% {
                transform: translateX(5%);
        }
        6% {
                transform: translateX(6%);
        }
        7% {
                transform: translateX(7%);
        }
        8% {
                transform: translateX(8%);
        }
        9% {
                transform: translateX(9%);
        }
        10% {
                transform: translateX(10%);
        }
        11% {
                transform: translateX(11%);
        }
        12% {
                transform: translateX(12%);
        }
        13% {
                transform: translateX(13%);
        }
        14% {
                transform: translateX(14%);
        }
        15% {
                transform: translateX(15%);
        }
        16% {
                transform: translateX(16%);
        }
        17% {
                transform: translateX(17%);
        }
        18% {
                transform: translateX(18%);
        }
        19% {
                transform: translateX(19%);
        }
        20% {
                transform: translateX(20%);
        }
        21% {
                transform: translateX(21%);
        }
        22% {
                transform: translateX(22%);
        }
        23% {
                transform: translateX(23%);
        }
        24% {
                transform: translateX(24%);
        }
        25% {
                transform: translateX(25%);
        }
        26% {
                transform: translateX(26%);
        }
        27% {
                transform: translateX(27%);
        }
        28% {
                transform: translateX(28%);
        }
        29% {
                transform: translateX(29%);
        }
        30% {
                transform: translateX(30%);
        }
        31% {
                transform: translateX(31%);
        }
        32% {
                transform: translateX(32%);
        }
        33% {
                transform: translateX(33%);
        }
        34% {
                transform: translateX(34%);
        }
        35% {
                transform: translateX(35%);
        }
        36% {
                transform: translateX(36%);
        }
        37% {
                transform: translateX(37%);
        }
        38% {
                transform: translateX(38%);
        }
        39% {
                transform: translateX(39%);
        }
        40% {
                transform: translateX(40%);
        }
        41% {
                transform: translateX(41%);
        }
        42% {
                transform: translateX(42%);
        }
        43% {
                transform: translateX(43%);
        }
        44% {
                transform: translateX(44%);
        }
        45% {
                transform: translateX(45%);
        }
        46% {
                transform: translateX(46%);
        }
        47% {
                transform: translateX(47%);
        }
        48% {
                transform: translateX(48%);
        }
        49% {
                transform: translateX(49%);
        }
        50% {
                transform: translateX(50%);
        }
        51% {
                transform: translateX(51%);
        }
        52% {
                transform: translateX(52%);
        }
        53% {
                transform: translateX(53%);
        }
        54% {
                transform: translateX(54%);
        }
        55% {
                transform: translateX(55%);
        }
        56% {
                transform: translateX(56%);
        }
        57% {
                transform: translateX(57%);
        }
        58% {
                transform: translateX(58%);
        }
        59% {
                transform: translateX(59%);
        }
        60% {
                transform: translateX(60%);
        }
        61% {
                transform: translateX(61%);
        }
        62% {
                transform: translateX(62%);
        }
        63% {
                transform: translateX(63%);
        }
        64% {
                transform: translateX(64%);
        }
        65% {
                transform: translateX(65%);
        }
        66% {
                transform: translateX(66%);
        }
        67% {
                transform: translateX(67%);
        }
        68% {
                transform: translateX(68%);
        }
        69% {
                transform: translateX(69%);
        }
        70% {
                transform: translateX(70%);
        }
        71% {
                transform: translateX(71%);
        }
        72% {
                transform: translateX(72%);
        }
        73% {
                transform: translateX(73%);
        }
        74% {
                transform: translateX(74%);
        }
        75% {
                transform: translateX(75%);
        }
        76% {
                transform: translateX(76%);
        }
        77% {
                transform: translateX(77%);
        }
        78% {
                transform: translateX(78%);
        }
        79% {
                transform: translateX(79%);
        }
        80% {
                transform: translateX(80%);
        }
        81% {
                transform: translateX(81%);
        }
        82% {
                transform: translateX(82%);
        }
        83% {
                transform: translateX(83%);
        }
        84% {
                transform: translateX(84%);
        }
        85% {
                transform: translateX(85%);
        }
        86% {
                transform: translateX(86%);
        }
        87% {
                transform: translateX(87%);
        }
        88% {
                transform: translateX(88%);
        }
        89% {
                transform: translateX(89%);
        }
        90% {
                transform: translateX(90%);
        }
        91% {
                transform: translateX(91%);
        }
        92% {
                transform: translateX(92%);
        }
        93% {
                transform: translateX(93%);
        }
        94% {
                transform: translateX(94%);
        }
        95% {
                transform: translateX(95%);
        }
        96% {
                transform: translateX(96%);
        }
        97% {
                transform: translateX(97%);
        }
        98% {
                transform: translateX(98%);
        }
        99% {
                transform: translateX(99%);
        }
        100% {
                transform: translateX(100%);
        }
}

@keyframes moveContentFromUnderneathImage {
        0% {
                transform: translateX(-100%);
        }
        1% {
                transform: translateX(-99%);
        }
        2% {
                transform: translateX(-98%);
        }
        3% {
                transform: translateX(-97%);
        }
        4% {
                transform: translateX(-96%);
        }
        5% {
                transform: translateX(-95%);
        }
        6% {
                transform: translateX(-94%);
        }
        7% {
                transform: translateX(-93%);
        }
        8% {
                transform: translateX(-92%);
        }
        9% {
                transform: translateX(-91%);
        }
        10% {
                transform: translateX(-90%);
        }
        11% {
                transform: translateX(-89%);
        }
        12% {
                transform: translateX(-88%);
        }
        13% {
                transform: translateX(-87%);
        }
        14% {
                transform: translateX(-86%);
        }
        15% {
                transform: translateX(-85%);
        }
        16% {
                transform: translateX(-84%);
        }
        17% {
                transform: translateX(-83%);
        }
        18% {
                transform: translateX(-82%);
        }
        19% {
                transform: translateX(-81%);
        }
        20% {
                transform: translateX(-80%);
        }
        21% {
                transform: translateX(-79%);
        }
        22% {
                transform: translateX(-78%);
        }
        23% {
                transform: translateX(-77%);
        }
        24% {
                transform: translateX(-76%);
        }
        25% {
                transform: translateX(-75%);
        }
        26% {
                transform: translateX(-74%);
        }
        27% {
                transform: translateX(-73%);
        }
        28% {
                transform: translateX(-72%);
        }
        29% {
                transform: translateX(-71%);
        }
        30% {
                transform: translateX(-70%);
        }
        31% {
                transform: translateX(-69%);
        }
        32% {
                transform: translateX(-68%);
        }
        33% {
                transform: translateX(-67%);
        }
        34% {
                transform: translateX(-66%);
        }
        35% {
                transform: translateX(-65%);
        }
        36% {
                transform: translateX(-64%);
        }
        37% {
                transform: translateX(-63%);
        }
        38% {
                transform: translateX(-62%);
        }
        39% {
                transform: translateX(-61%);
        }
        40% {
                transform: translateX(-60%);
        }
        41% {
                transform: translateX(-59%);
        }
        42% {
                transform: translateX(-58%);
        }
        43% {
                transform: translateX(-57%);
        }
        44% {
                transform: translateX(-56%);
        }
        45% {
                transform: translateX(-55%);
        }
        46% {
                transform: translateX(-54%);
        }
        47% {
                transform: translateX(-53%);
        }
        48% {
                transform: translateX(-52%);
        }
        49% {
                transform: translateX(-51%);
        }
        50% {
                transform: translateX(-50%);
        }
        51% {
                transform: translateX(-49%);
        }
        52% {
                transform: translateX(-48%);
        }
        53% {
                transform: translateX(-47%);
        }
        54% {
                transform: translateX(-46%);
        }
        55% {
                transform: translateX(-45%);
        }
        56% {
                transform: translateX(-44%);
        }
        57% {
                transform: translateX(-43%);
        }
        58% {
                transform: translateX(-42%);
        }
        59% {
                transform: translateX(-41%);
        }
        60% {
                transform: translateX(-40%);
        }
        61% {
                transform: translateX(-39%);
        }
        62% {
                transform: translateX(-38%);
        }
        63% {
                transform: translateX(-37%);
        }
        64% {
                transform: translateX(-36%);
        }
        65% {
                transform: translateX(-35%);
        }
        66% {
                transform: translateX(-34%);
        }
        67% {
                transform: translateX(-33%);
        }
        68% {
                transform: translateX(-32%);
        }
        69% {
                transform: translateX(-31%);
        }
        70% {
                transform: translateX(-30%);
        }
        71% {
                transform: translateX(-29%);
        }
        72% {
                transform: translateX(-28%);
        }
        73% {
                transform: translateX(-27%);
        }
        74% {
                transform: translateX(-26%);
        }
        75% {
                transform: translateX(-25%);
        }
        76% {
                transform: translateX(-24%);
        }
        77% {
                transform: translateX(-23%);
        }
        78% {
                transform: translateX(-22%);
        }
        79% {
                transform: translateX(-21%);
        }
        80% {
                transform: translateX(-20%);
        }
        81% {
                transform: translateX(-19%);
        }
        82% {
                transform: translateX(-18%);
        }
        83% {
                transform: translateX(-17%);
        }
        84% {
                transform: translateX(-16%);
        }
        85% {
                transform: translateX(-15%);
        }
        86% {
                transform: translateX(-14%);
        }
        87% {
                transform: translateX(-13%);
        }
        88% {
                transform: translateX(-12%);
        }
        89% {
                transform: translateX(-11%);
        }
        90% {
                transform: translateX(-10%);
        }
        91% {
                transform: translateX(-9%);
        }
        92% {
                transform: translateX(-8%);
        }
        93% {
                transform: translateX(-7%);
        }
        94% {
                transform: translateX(-6%);
        }
        95% {
                transform: translateX(-5%);
        }
        96% {
                transform: translateX(-4%);
        }
        97% {
                transform: translateX(-3%);
        }
        98% {
                transform: translateX(-2%);
        }
        99% {
                transform: translateX(-1%);
        }
        100% {
                transform: translateX(0);
        }
}

@keyframes moveImageOffContent {
        0% {
                transform: translateX(100%);
        }
        1% {
                transform: translateX(99%);
        }
        2% {
                transform: translateX(98%);
        }
        3% {
                transform: translateX(97%);
        }
        4% {
                transform: translateX(96%);
        }
        5% {
                transform: translateX(95%);
        }
        6% {
                transform: translateX(94%);
        }
        7% {
                transform: translateX(93%);
        }
        8% {
                transform: translateX(92%);
        }
        9% {
                transform: translateX(91%);
        }
        10% {
                transform: translateX(90%);
        }
        11% {
                transform: translateX(89%);
        }
        12% {
                transform: translateX(88%);
        }
        13% {
                transform: translateX(87%);
        }
        14% {
                transform: translateX(86%);
        }
        15% {
                transform: translateX(85%);
        }
        16% {
                transform: translateX(84%);
        }
        17% {
                transform: translateX(83%);
        }
        18% {
                transform: translateX(82%);
        }
        19% {
                transform: translateX(81%);
        }
        20% {
                transform: translateX(80%);
        }
        21% {
                transform: translateX(79%);
        }
        22% {
                transform: translateX(78%);
        }
        23% {
                transform: translateX(77%);
        }
        24% {
                transform: translateX(76%);
        }
        25% {
                transform: translateX(75%);
        }
        26% {
                transform: translateX(74%);
        }
        27% {
                transform: translateX(73%);
        }
        28% {
                transform: translateX(72%);
        }
        29% {
                transform: translateX(71%);
        }
        30% {
                transform: translateX(70%);
        }
        31% {
                transform: translateX(69%);
        }
        32% {
                transform: translateX(68%);
        }
        33% {
                transform: translateX(67%);
        }
        34% {
                transform: translateX(66%);
        }
        35% {
                transform: translateX(65%);
        }
        36% {
                transform: translateX(64%);
        }
        37% {
                transform: translateX(63%);
        }
        38% {
                transform: translateX(62%);
        }
        39% {
                transform: translateX(61%);
        }
        40% {
                transform: translateX(60%);
        }
        41% {
                transform: translateX(59%);
        }
        42% {
                transform: translateX(58%);
        }
        43% {
                transform: translateX(57%);
        }
        44% {
                transform: translateX(56%);
        }
        45% {
                transform: translateX(55%);
        }
        46% {
                transform: translateX(54%);
        }
        47% {
                transform: translateX(53%);
        }
        48% {
                transform: translateX(52%);
        }
        49% {
                transform: translateX(51%);
        }
        50% {
                transform: translateX(50%);
        }
        51% {
                transform: translateX(49%);
        }
        52% {
                transform: translateX(48%);
        }
        53% {
                transform: translateX(47%);
        }
        54% {
                transform: translateX(46%);
        }
        55% {
                transform: translateX(45%);
        }
        56% {
                transform: translateX(44%);
        }
        57% {
                transform: translateX(43%);
        }
        58% {
                transform: translateX(42%);
        }
        59% {
                transform: translateX(41%);
        }
        60% {
                transform: translateX(40%);
        }
        61% {
                transform: translateX(39%);
        }
        62% {
                transform: translateX(38%);
        }
        63% {
                transform: translateX(37%);
        }
        64% {
                transform: translateX(36%);
        }
        65% {
                transform: translateX(35%);
        }
        66% {
                transform: translateX(34%);
        }
        67% {
                transform: translateX(33%);
        }
        68% {
                transform: translateX(32%);
        }
        69% {
                transform: translateX(31%);
        }
        70% {
                transform: translateX(30%);
        }
        71% {
                transform: translateX(29%);
        }
        72% {
                transform: translateX(28%);
        }
        73% {
                transform: translateX(27%);
        }
        74% {
                transform: translateX(26%);
        }
        75% {
                transform: translateX(25%);
        }
        76% {
                transform: translateX(24%);
        }
        77% {
                transform: translateX(23%);
        }
        78% {
                transform: translateX(22%);
        }
        79% {
                transform: translateX(21%);
        }
        80% {
                transform: translateX(20%);
        }
        81% {
                transform: translateX(19%);
        }
        82% {
                transform: translateX(18%);
        }
        83% {
                transform: translateX(17%);
        }
        84% {
                transform: translateX(16%);
        }
        85% {
                transform: translateX(15%);
        }
        86% {
                transform: translateX(14%);
        }
        87% {
                transform: translateX(13%);
        }
        88% {
                transform: translateX(12%);
        }
        89% {
                transform: translateX(11%);
        }
        90% {
                transform: translateX(10%);
        }
        91% {
                transform: translateX(9%);
        }
        92% {
                transform: translateX(8%);
        }
        93% {
                transform: translateX(7%);
        }
        94% {
                transform: translateX(6%);
        }
        95% {
                transform: translateX(5%);
        }
        96% {
                transform: translateX(4%);
        }
        97% {
                transform: translateX(3%);
        }
        98% {
                transform: translateX(2%);
        }
        99% {
                transform: translateX(1%);
        }
        100% {
                transform: translateX(0);
        }
}
