@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
.img {
background-image: url('https://i.ibb.co/H73WBwm/imgonline-com-ua-Black-White-1-Djsrpr-WDd-RXrg-E4.jpg');
background-size: 100vw;
background-position: center  6vw;
background-repeat: no-repeat;
}
p {
  position: absolute;
  bottom: 0;  
  margin-bottom: 0.4vw;
  color: #FFEBCD;
}
#row2b {
  text-align:right;
}
#row2b > p {
  font-family: 'Abril Fatface', cursive;
  position: relative;
  font-size: 42px;
}
#row2b > p:nth-child(1){
  margin-top: 5vw;
}

#row2b > p:nth-child(2){
  margin-top: -1vw;
  font-size: 7.5vw;
  color: white;
}
#grid {
  display: grid;
  grid-gap: 1vw; 
  grid-template-rows: 5vw;
  grid-auto-rows: 9vw;
  grid-template-columns: 1fr repeat(6, 3fr) 1fr;
}
#grid > div {
  position: relative;
  background-color: #FF0046;
  outline-style: solid;
  outline-color: #FF0046;
  outline-width: 1vw;
}
#grid > div:hover {
background-color: transparent;
}
div#row1a,div#row2a,div#row3a,div#row3b,div#row4a,div#row5a,div#row5b,div#row6a {
  background-color:rgba(64,67,78,0.4);
}
#row1a, div#row5a {
  grid-column-end: span 3;
}

#row1b, div#row2b, div#row3b, div#row5c {
  grid-column-end: span 2;
}

div#row2b {
  grid-row-end: span 2;
}