body {
    background-image: url(images/bgpic.gif);
}

.headertext {
    width: 45%;
    margin: auto;
}

.maintext1 {
    font-family: 'Heebo', sans-serif;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    background-color: #fca4bc;
    padding: 10px;
}

.maintext2 {
    font-family: 'Heebo', sans-serif;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    background-color: #fca4bc;
    padding: 10px;
}

.divider1 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.divider2 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.divider3 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.parent2 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-top: 45px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 45px;
}
    
.div1 {
    grid-area: 1 / 1 / 2 / 2;
}

.div2 {
    grid-area: 1 / 2 / 2 / 3;
}
    
.div3 {
    grid-area: 1 / 3 / 2 / 4;
}
    
.div4 {
    grid-area: 1 / 4 / 2 / 5;
}
    
.div5 {
    grid-area: 2 / 1 / 3 / 2;
}
    
.div6 {
    grid-area: 2 / 2 / 3 / 3;
}
    
.div7 {
    grid-area: 2 / 3 / 3 / 4;
}
    
.div8 {
    grid-area: 2 / 4 / 3 / 5;
}

.gifs {
    position: relative;
}

.gif1 img {
    position: absolute;
    left: 50px;
    top: 50px;
}

.gif2 img {
    position: absolute;
    right: 50px;
    top: 50px;
}

.gif3 img {
    position: absolute;
    left: 50px;
    top: 200px;
}

.gif4 img {
    position: absolute;
    right: 50px;
    top: 300px;
}

.gif5 img {
    position: absolute;
    left: 50px;
    top: 400px;
}

.gif6 img {
    position: absolute;
    right: 50px;
    top: 500px;
}