.big-picture{
  position: relative;
  overflow: hidden;
}

.big-img{
  width: 100vw;
  display: block;
}

.big-picture::before{
  content: "";
  position: absolute;
  width: 50vw;
  height: 100%;
  background: rgb(0, 0, 0, 0.5);
  top: 0;
  left: 50%;
}

.big-container{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50vw;
  color: var(--white-color);

  display: flex;
  justify-content: center;
}


.big-text-container{
  width: 80%;
}

.big-text h3{
  font-size: 3rem;
  margin-bottom: 2.4rem;

}

.big-text-1,
.big-text-2{
  font-size: 1.6rem;
  margin-bottom: 2.4rem;
}

.big-buttons{
  display: flex;
  gap: 2rem;
}

.big-btn{
  font-size: 1.6rem;
  color: var(--white-color);
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 500;
  padding: 1rem 2rem;
  border: 1px solid var(--white-color);
  border-radius: 0.5rem;

  transition: all 0.3s;
}

.big-btn:hover,
.big-btn:active{
  background: rgb(0, 0, 0, 0.5);
  box-shadow: 0 0 0 4px var(--primary-color);
}