.inner-banner{
    height: 15vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative;
    background: #080808;
    background: -webkit-linear-gradient(to right, #0f0f0f, #000000);
    background: linear-gradient(to right, #0f0f0f, #000000);
}
.inner-banner h1{
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: clamp(1rem, 6vw, 3rem);
    z-index: 1;
    color: #fff;
    margin: 0;
}

@media only screen and (max-width: 600px) {
    .inner-banner h1{
        top: 35%;
        left: 0;
        width: 100%;
        text-align: center;
    }
    .inner-banner{
        height: 20vh;
    }
}