*{
    margin: 0; padding: 0; border: 0;
    box-sizing: border-box;
}
body {
    
    font-family: fantasy;
    text-align: center;
    border: 2px darkslategrey;
    border-radius: 25px;

}
.multi-bg-example {
    width: 100%;
    height: 400px;

    background-image: url(../images/cherry-tree.png), url(../images/bubbles.png),
    linear-gradient(to right, rgba(30, 75, 115, 1), rgba(255, 255,255,0));
    background-repeat: no-repeat,
    no-repeat, 
    no-repeat;
    background-position: right,
    left,
    right;

}