.scene1 {
    background-image: linear-gradient(#FFECF9, #FCDAF1,
            #F49FD8, #F082CC);
    background-position: center;
    background-size: auto 100%;
}

.scene1 a {
    text-decoration: none;
    color: black;
}


/* Line 1 */
.line1 {
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start;
}

.line1 .marty {
    position: relative;
    bottom: -30px;
    left: -300px;
    margin: auto 20px;
    height: 800px;
    width: auto;
}

.line1 .speechbubble {
    position: relative;
    top: 100px;
    right: -280px
}

/* Lines 3-5 */
.line3,
.line4,
.line5 {
    display: inline-flex;
    flex-direction: column-reverse;
}

.line3 .continue,
.line4 .continue,
.line5 .continue {
    top: 65px;
}

.line3 img.marty,
.line4 img.marty,
.line5 img.marty {
    position: relative;
    bottom: -30px;
    left: -300px;
    margin: auto 20px;
    height: 800px;
    width: auto;
}

.line3 .speechbubble,
.line4 .speechbubble,
.line5 .speechbubble {
    position: relative;
    top: 100px;
    right: -280px
}


/* Line 6-13 */

.line6,
.line7,
.line8,
.line9,
.line10,
.line11,
.line12,
.line13 {
    display: inline-flex;
    flex-direction: column-reverse;
}

.line6 .with-friends,
.line7 .with-friends,
.line8 .with-friends,
.line9 .with-friends,
.line10 .with-friends,
.line11 .with-friends,
.line12 .with-friends,
.line13 .with-friends {
    position: relative;
    width: auto;
    height: 350px;
    bottom: 25%;
    right: 5%;
}

.line6 .speechbubble,
.line7 .speechbubble,
.line8 .speechbubble,
.line9 .speechbubble,
.line10 .speechbubble,
.line11 .speechbubble,
.line12 .speechbubble,
.line13 .speechbubble {
    position: relative;
    bottom: 25%;
    left: 10%;
}

/* Line 14-20 */

.line14 {
    display: flex;
}

.line14 .speechbubble {
    position: relative;
    top: 20%;
    left: 23%;
}


.line15 .speechbubble,
.line16 .speechbubble,
.line17 .speechbubble,
.line18 .speechbubble,
.line19 .speechbubble,
.line20 .speechbubble {
    position: relative;
    top: 4%;
    left: 23%;
}

.ladies {
    position: relative;
    top: 5%;
    left: 25%;
    width: auto;
    height: 550px;
    z-index: -2;
}

.bday-pic {
    position: relative;
    bottom: 25%;
    right: 40%;
    width: auto;
    height: 300px;
}


/* Line 21 -29 */

.line21 .position-phone,
.line22 .position-phone,
.line23 .position-phone,
.line24 .position-phone,
.line25 .position-phone,
.line26 .position-phone,
.line27 .position-phone,
.line28 .position-phone,
.line29 .position-phone {
    position: relative;
    left: 30%;
}

.line21 .speechbubble {
    position: relative;
    bottom: 325px;
}

.line22 .speechbubble,
.line23 .speechbubble {
    position: relative;
    bottom: 600px;
}

.line22 .pooch-phone,
.line23 .pooch-phone {
    position: relative;
    bottom: 600px;
    left: 555px;
    width: 200px;
    height: auto;
    z-index: -1;
}

.line24 .pooch-dates,
.line25 .pooch-dates,
.line26 .pooch-dates,
.line27 .pooch-dates,
.line28 .pooch-dates,
.line29 .pooch-dates {
    position: relative;
    bottom: 900px;
    left: 430px;
}

.line24 .speechbubble,
.line25 .speechbubble,
.line26 .speechbubble,
.line27 .speechbubble,
.line28 .speechbubble {
    position: relative;
    bottom: 1180px;
}

.line27 .marty,
.line28 .marty {
    position: relative;
    width: 400px;
    height: auto;
    bottom: 750px;
    left: 230px;
    transform: scaleX(-1);
}

.line29 .speechbubble {
    position: relative;
    bottom: 1600px;
    left: 310px;
}

.line29 .marty {
    position: relative;
    width: 400px;
    height: auto;
    bottom: 750px;
    transform: scaleX(-1);
}

.line29 .choice {
    position: relative;
    z-index: 2;
    bottom: 1700px;
    left: 515px;
}