.side-image{
    height: 100vh; 
    width:100%; 
    overflow: hidden;
    position:absolute
}

.wave-image{
    height: 100%;
     width: 100%;
}

.cred{
    margin-top:10rem;
    width:60%
}

.svg-image{
    height:600px;
    width:700px;
}

@media screen and (max-width: 1439px){
    .svg-image{
        height:600px;
        width:600px;
    }

    .cred{
        margin-top:10rem;
        width:70%
    }
}

@media screen and (max-width: 1294px){
    .cred{
        width:90%
    }
}

@media screen and (max-width: 960px){
    .svg-image{
        width:40%;
        height: 40%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .cred{
        margin-top: -1rem;
        width: 60%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 580px){
    .svg-image{
        width: 60%;
        height: 60%;
    }
    .cred{
        width: 100%;
        height:10%;
    }
    
    .wave-image{
        display:none;
    }
}