.hero{
    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    padding:180px 0 120px;
    overflow:hidden;
}

.hero-container{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:80px;
    margin-top:100px;
}

.hero-content{
    flex:1;
    max-width:650px;
}

.hero-image{
    flex:1;
    display:flex;
    justify-content:center;
    align-items:center;
}

.hero-image img{
    width:100%;
    max-width:650px;
    height:auto;
}
.hero-container{
    display:flex;
    align-items:flex-start;
}