@import "variables.css";

.image{
  height: 82vh;
  position: relative;
}

.image img{
 filter: blur(0.5px);
 object-fit: cover;
 width: 100%;
 height: 100%;
}
/* 
.image::after {
  content: 'Your health your wealth';
  color: white;
  font-size: 4em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #33cccc4d; 
} */

.image svg{
  z-index: 5;
}

@media (max-width: 850px) {
  .image{
    height: 50vh;
  }
  .image::after{
    height: 100%;
    font-size: 2.3rem;
    color: white;
  }
}