html {
	scroll-behavior: smooth;
}

.hero-banner {
    height: 15vh;
    overflow: hidden;
}

.hero-img {
    width: 100%;
    height: 100%;
    object-fit: cover;      /* same behaviour as background-size: cover */
    object-position: center; /* adjust focal point */
}

header {
	background: linear-gradient(135deg, #05142c, #0b5ed7);
}

.teampics {
    height: 60vh;
    width: 100%;
    overflow: hidden;
}

.teampics-img {
    width: 100%;
    height: 100%;
    object-fit: cover;      /* same behaviour as background-size: cover */
    object-position: center; /* adjust focal point */
}