.heroSec{
    background-image: url(/res/img/img3.jpg);
    min-height: fit-content;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.heroSec > p{
    text-align: center;
    font-size: calc(12px + 15vw);
    color: white;
    text-shadow: 0 0 5px #000000,
                0 0 15px #719ec2,
                0 0 30px #0c032e;
}

.section1{
    padding: 10px;
    display: grid;
    grid-template-areas:    "a a b b c c"
                            "a a d d d d"
                            "e e e e e e";
    gap: 10px;
}

.section1>div{
    min-height: 30vh;
    border: #000000 solid 1px;
    border-radius: 10px;
}