body{
    /* here is my background image */
    background-image: url(FlowerPic.png);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;

    position:relative;
    /*isolation: isolate;*/
    
}
/*.low-opacity-bg-image::after{
    content: '';
    position: absolute;
    z-index: -1;
    inset: 0;
    background: rgb(91, 90, 90);
    opacity: .5;
}
    If I wanted to change the background opacity*/

h1{
    /*border, rounded*/
    border-style:dotted;
    border-width: 2px;
    border-color: black;
    /* Short-hand for the top 3:
    border: 2px dotted black; */
    border-radius: 15px;
    /*Here I added a box shadow*/
    background-color: rgb(255, 255, 255);
    box-shadow: 3px 3px 5px;
    /*Here I changed the opacity*/
    opacity: .5;
}
h2{
    /*Text shadow*/
    text-shadow: 2px 2px 5px rgb(37, 37, 215);
}
    
h3{
    transform:rotate(2deg);
}
h4{
    transform:rotateY(180deg);
}
img{
    width: 400px;
    height: 500px;
}