*,
body {
  scroll-behavior: smooth;
}

body {
  box-sizing: border-box;
  position: relative;
  overflow: auto;
  height: 100vh;
  background-image: url('../images/bg.png');
  background-size: 100%;
  background-position: bottom;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width:600px) {
  body{
    background-size: cover !important;
    background-position: 23% !important;
  }
}
.main {
  background-image: url('../images/Group 676@2x.png');
  background-size: 70vw;
  min-height: 300px;
  background-repeat: no-repeat;
  background-position: 20% 10%;
}

.main .row {
  position: absolute;
  top: 50%;
  left: 42%;
}

@media screen and (max-width:600px) {
  .main {
    background-size: 95vw !important;
  }
}