html {
  scroll-behavior: smooth; }

.hero-with-background {
  position: relative;
  overflow: hidden; }

.hero-background {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%; }

.is-transparent-20 {
  opacity: 0.2; }

.is-transparent-50 {
  opacity: 0.5; }

.is-transparent-70 {
  opacity: 0.7; }

.is-img-rounded img {
  border-radius: 4px; }

.card-img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center; }