body{
  margin:0;
  font-family: Arial, Helvetica, sans-serif;
}

.firstdiv{
  width:100%;
  height:100vh;
  background: linear-gradient(to left, rgb(3,36,3), rgb(33,141,33));
  display:flex;
}

/* LEFT TEXT SECTION */

.fsection{
  width:40%;
  height:100vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding:40px;
}

h1{
  color:white;
  font-size:50px;
  margin-bottom:20px;
}

p{
  color:rgb(207,207,207);
  font-size:17px;
  line-height:1.6;
}

/* RIGHT GRID SECTION */

.ssection{
  width:60%;
  height:60vh;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-template-rows:repeat(3,1fr);
  gap:10px;
  padding-top: 200px;
  padding-right: 18px;
  
}

/* COMMON BOX STYLE */

.box{
  background-size:cover;
  background-position:top;
  border-radius:8px;
  background-color: black;
  background-blend-mode:hard-light;
  transition: all 2s ease-in-out;
}
.box:hover{
  background-blend-mode:lighten;
  background-position: center;
  
}

/* IMAGES */

.firstbox{
  background-image:url("https://images.unsplash.com/photo-1501785888041-af3ef285b470?w=800");
}

.secondbox{
  background-image:url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?w=800");
}

.thirdbox{
  background-image:url("https://images.unsplash.com/photo-1506744038136-46273834b3fb?w=800");
}

.fourbox{
  background-image:url("https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?w=800");
}

.fivebox{
  background-image:url("https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=800");
}

.sixbox{
  background-image:url("https://images.unsplash.com/photo-1470770841072-f978cf4d019e?w=800");
}

.sevenbox{
  background-image:url("https://images.unsplash.com/photo-1500534623283-312aade485b7?w=800");
}
.eightbox{
  background-image:url("https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800");
  grid-column: span 2;
}