body {
    background: #f4f4f4;
}
  
.banner {
    background: #a770ef;
    background: -webkit-linear-gradient(to right, var(--blue), var(--light-purple));
    background: linear-gradient(to right, var(--blue), var(--light-purple));
}

img {
    object-fit: cover;
    height: 200px !important;
}

@media screen and (max-width: 670px) {
    .banner > h1 {
        font-size: 27px;
    }
}