.fathersDay{width: 100%; max-width: 1920px; margin: 0 auto;}
.section2{position: relative;}
.section2 div{width: 80.5%; position: absolute; left: 50%; transform: translateX(-50%); top: 75.91%; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2); border-radius: 7.5vw;}
.section5{position: relative;}
.section5 div{width: 62.2%; position: absolute; left: 50%; transform: translateX(-50%); top: 86.5%; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2); border-radius: 7.5vw;}
.section6{position: relative;}
.section6 div{width: 80.5%; position: absolute; left: 50%; transform: translateX(-50%); top: 88%; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2); border-radius: 7.5vw;}
.section7{position: relative;}
.section7 div{width: 80.5%; position: absolute; left: 50%; transform: translateX(-50%); top: 79.6%; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2); border-radius: 7.5vw;}
.section8{position: relative;}
.section8 div{width: 80.5%; position: absolute; left: 50%; transform: translateX(-50%); top: 79.3%; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2); border-radius: 7.5vw;}

@media screen and (max-width: 768px){
    .fathersDay{margin: 15vw auto 0;}
    .section2 div{width: 80.5%; position: absolute; left: 50%; transform: translateX(-50%); top: 75.41%; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2); border-radius: 7.5vw;}
    .section5 div{width: 80.5%; position: absolute; left: 50%; transform: translateX(-50%); top: 85.35%; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2); border-radius: 7.5vw;}
    .section6 div{width: 80.5%; position: absolute; left: 50%; transform: translateX(-50%); top: 81.89%; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2); border-radius: 7.5vw;}
    .section7 div{width: 80.5%; position: absolute; left: 50%; transform: translateX(-50%); top: 70.39%; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2); border-radius: 7.5vw;}
    .section8 div{width: 80.5%; position: absolute; left: 50%; transform: translateX(-50%); top: 79.08%; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2); border-radius: 7.5vw;}
}