.image {
    position: relative;
    width: 80px;
    margin: 4.5%;

}

.image__img {
    display: block;
    width: 100%;

}

.parceiros{
  margin: 3%;
  width: 90px;
}

.image__overlay {
    position: absolute;
    top: 0; bottom: 0; right: 0; left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.418);
    color: #ffffff;
    font-family: sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.25s;

}

.image__overlay--blur {
    backdrop-filter: blur(1px);
}

.image__overlay:hover {
    opacity: 1;
}

.image__title {
    font-size: 100%;
    font-weight: bold;
}

.image__description {
    font-size: 1.25em;
    margin-top: 0.25em;
}

.wrapper {
    display: flex;
    -webkit-align-items: center;    
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
  

h2{
    font-size: 40px;
    padding-top: 80px;
    color: #444444;
  }


  
  /* Extra small devices (phones, 600px and down) */
  @media only screen and (max-width: 600px) {
    .image__img {width: 50%;}
    .image__overlay {width: 50%;}
  }

  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 600px) {
    .image__img {width: 60%;}
    .image__overlay {width: 60%;}

  }

  /* Medium devices (landscape tablets, 768px and up) */
  @media only screen and (min-width: 768px) {
    .image__img {width: 80%;}
    .image__overlay {width: 80%;}
  } 

  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 992px) {
    .dimage__img {width: 100%;}
    .image__overlay {width: 100%;}
  } 

  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media only screen and (min-width: 1200px) {
    .image__img {width: 100%;}
    .image__overlay {width: 100%;}
  }