.certificacoes{
  width: auto;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: 8px;
  
  @media (min-width: 700px) {
    margin-left: 8px;
  }
  }

.certificacoes figure {
    display: grid;
    overflow: hidden;
    cursor: pointer;
    align-items: center;
    border-left: 3px solid #126c35;
    height: 180px;
  }

  .certificacoes figure > * {
    grid-area: 1/1;
    transition: .4s;
  }

  .certificacoes figure figcaption {
    align-self: flex-end;
    font-family: sans-serif;
    font-size: 0.9rem;
    font-weight: bold;
    color: #ffffff;
    padding: .2rem;
    background: var(--c,rgba(2, 124, 39, 0.9));
    clip-path: inset(0 var(--_i,100%) 0 0);
    -webkit-mask-composite: xor;
    -webkit-mask-clip: text, padding-box;
    margin: -1px;
  }
  .certificacoes figure:hover figcaption{
    --_i: 0%;
  }

  @supports not (-webkit-mask-clip: text) {
    .certificacoes figure figcaption {
     -webkit-mask: none;
     color: #126c35;
    }
  }

  .img-cert{
    max-width: 130px;
    max-height: 130px;
  }