.grid-image{
    display: grid;
    grid-template-rows: auto;
    grid-gap: 30px;
    position: relative;
    margin: 10vh auto;
    z-index: 1;
}

.opacity-stagger-section svg{
    position: absolute;
    top: -50%;
    left: -10%;
    z-index: -1;
    width: 120%;
}
/*
.opacity-stagger-section path {
    stroke-dasharray: 2000;
    stroke-dashoffset: 2000;
    animation: draw 5s  infinite forwards;
  }

  @keyframes draw {
    to {
      stroke-dashoffset: 0;
    }
  }
*/
@media (max-width:1024px){
    .opacity-stagger-section svg{
        top: -50%;
        left: -10%;
        width: 135%;
    }
}

@media only screen and (max-width: 576px) {

    .grid-image{
        padding: 0 30px;
        width: 100%!important;
        grid-template-columns: 1fr 1fr!important;
        grid-gap: 30px;
    }

    .opacity-stagger-section svg{
        top: 0%;
        left: 0;
        width: 300%;
    }
}