section#infographics{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 0 6rem;
  .subsection{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    padding: 6rem;
    outline: 1px solid rgba(255,255,255,0);
    svg{
      width: min(110%, 1000px);
      //width: clamp(500px, 50vw, 1000px);
    }
    &:first-child{
      &::before {
        content: '';
        width: 100vw;
        position: absolute;
        background: linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.05));
        top: 0;
        bottom: 0;
        z-index: -1;
      }
    }
    &:last-child{
      //margin-top: 3rem;

      &::before {
        content: '';
        width: 100vw;
        position: absolute;
        background: linear-gradient(45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
        top: 0;
        bottom: 0;
        z-index: -1;
      }
    }
  }

  .image-with-shadow{
    width: 100%;
    z-index: 1;
    .img-shadow{
      width: 100%;
      svg{
        width: 100%;
      }
    }
  }
}