.presentation__card{
  height:400px;
  padding:40px;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap:12px;
  border-radius: 6px;
  box-shadow: -4px 9px 25px -6px #06121E;
  position:relative;
  z-index:0;
}

.presentation_cards_section{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:20px;
}

.presentation__card h4,
.presentation__card p{
  margin:0;
}

.presentation__card h4{
  color: #FFF;
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%; /* 30px */
}

.presentation__card p{
  color: #FFF;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 27px */
}
.presentation__card.blue:before,
.presentation__card.green:before{
  content:'';
  width:100%;
  height:100%;
  position:absolute;
  top:0;  
  bottom:0;
  left:0;
  right:0;
  z-index:-1;
}
.presentation__card.blue:before{
  background: linear-gradient(0deg, rgba(6, 105, 179, 0.80) 0%, rgba(6, 105, 179, 0.80) 100%);
}

.presentation__card.green:before{
  background: linear-gradient(0deg, rgba(82, 190, 157, 0.80) 0%, rgba(82, 190, 157, 0.80) 100%);
}

{# Tablet Breakpoint #}
@media(max-width:768px){
  .presentation_cards_section{
    grid-template-columns:1fr 1fr;
  }
}

{# Mobile Breakpoint #}
@media(max-width:768px){
  .presentation_cards_section{
    grid-template-columns:1fr;
  }
}