* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    background-image: linear-gradient(to bottom,skyblue, #9cbdee );
    background-repeat: no-repeat;
    background-attachment: fixed;
}

header {
position: relative;    
width: 100%;    
display: flex; 
flex-direction: column;
justify-content: center;

} 

div {
    display: flex;
    flex-direction: column;
    align-items: center;    /* Centers the images horizontally */
    width: 100%;
              
}

section.intro {
    /* background-image: linear-gradient(to bottom, skyblue, #fff );
    background-repeat: no-repeat;
    background-attachment: fixed; */
    position: relative;
    height: 15rem;
    overflow: hidden;
    display: flex;
    flex-direction: row;
}

section.intro img{
    position: absolute;
    display: block;
}

/* Simplified image styling */
div img {
    display: block;
    width: 80%;            /* Fills up the parent width safely */
 
}

div img.right{
    margin-left: auto;

}


div img.left{
    margin-right: auto;
}