* {
  padding:0;
  margin:0;
}

body {
  font-family: "Montserrat", sans-serif;
}

.container {
  height:100vh;
  display: flex;
}

section {
  height:100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex:1;
  transition: all .5s;
}

section:hover {
  flex:2;
}

section h1 {
  background:rgba(0,0,0,0.66);
  color:white;
  padding: 12px 32px;
}

.photographer{
  background:url('img/photographer.jpg') #ff0909;
  background-position: center;
  background-size: cover;
  background-blend-mode: multiply;
}

.designer{
  background:url('img/designer.jpg') ;
  background-position: center;
  background-size: cover;
  background-blend-mode: multiply;
}


.developer{
  background:url('img/developer.jpg') ;
  background-position: center;
  background-size: cover;
  background-blend-mode: multiply;
}