    .capture{
      width: 100%;
      position: absolute;
      top: -1585px;
      left: 0px;
      animation: pcart  10s alternate infinite ease-in-out;
    }

    @keyframes pcart{
      0% { top: 0px;}
      100%{ top: -1585px;}
    }

    .captureone{
      width: 100%;
      position: absolute;
      top: 10px;
      left: 0px;
      animation: pcartone  10s alternate infinite ease-in-out;
    }

    @keyframes pcartone{
       0% { top: 10px;}
      100%{ top: -1195px;}
    }

    .capturetwo{
      width: 100%;
      position: absolute;
      top: -1100px;
      left: 0px;
      animation: pcartwo  10s alternate infinite ease-in-out;
    }

    @keyframes pcartwo{
      0% { top: 0px;}
      100%{ top: -1100px;}
    }

    .capturetrhee{
      width: 100%;
      position: absolute;
      top: -50px;
      left: 0px;
      animation: pcartrhee  10s alternate infinite ease-in-out;
    }

    @keyframes pcartrhee{
      0% { top: 0px;}
      100%{ top: -50px;}
    }

    .capturecel01{
      width: 100%;
      position: absolute;
      top: -1800px;
      left: 0px;
      animation: pcart01  10s alternate infinite ease-in-out;
    }

    @keyframes pcart01{
      0% { top: 0px;}
      100%{ top: -1800px;}
    }

    .capturecel02{
      width: 100%;
      position: absolute;
      top: -330px;
      left: 0px;
      animation: pcart02  7s alternate infinite ease-in-out;
    }

    @keyframes pcart02{
      0% { top: 0px;}
      100%{ top: -330px;}
    }

    .capturecel03{
      width: 100%;
      position: absolute;
      top: -3520px;
      left: 0px;
      animation: pcart03  10s alternate infinite ease-in-out;
    }

    @keyframes pcart03{
      0% { top: 0px;}
      100%{ top: -3520px;}
    }

    .capturecel04{
      width: 100%;
      position: absolute;
      top: -480px;
      left: 0px;
      animation: pcart04 10s alternate infinite ease-in-out;
    }

    @keyframes pcart04{
      0% { top: 0px;}
      100%{ top: -480px;}
    }

    .capturecel001{
      width: 100%;
      position: absolute;
      top: -1605px;
      left: 0px;
      animation: pcart001  10s alternate infinite ease-in-out;
    }

    @keyframes pcart001{
      0% { top: 0px;}
      100%{ top: -1605px;}
    }

    .capturecel002 {
        width: 100%;
        position: absolute;
        top: -295px;
        left: 0px;
        animation: pcart002 7s alternate infinite ease-in-out;
    }

    @keyframes pcart002{
      0% { top: 0px;}
      100%{ top: -295px;}
    }

    .capturecel003 {
        width: 100%;
        position: absolute;
        top: -3150px;
        left: 0px;
        animation: pcart003 10s alternate infinite ease-in-out;
    }

    @keyframes pcart003{
      0% { top: 0px;}
      100%{ top: -3150px;}
    }

    .capturecel004{
      width: 100%;
      position: absolute;
      top: -425px;
      left: 0px;
      animation: pcart004 10s alternate infinite ease-in-out;
    }

    @keyframes pcart004{
      0% { top: 0px;}
      100%{ top: -425px;}
    }
    
    .contenedorlogo{
    width: 650px;
    height: 450px;
    }

    .cls-1{
    fill:transparent;
    stroke: 10;
    stroke: #141414;
    }

    .cls-2{
    fill:transparent;
    stroke: 10;
    stroke: #141414;
    }
    .cls-3{
    fill:transparent;
    stroke: 10;
    stroke: #000;
    }
    .cls-4{
    fill:transparent;
    stroke: 10;
    stroke: #ed0b21;
    }

    .cls-5{
    fill:transparent;
    stroke: 10;
    stroke: #000;
    }

    .cls-11{
    stroke-dasharray: 1500;
    stroke-dashoffset:0;
    animation: animate-clsuno 7s linear forwards infinite;
    }

    @keyframes animate-clsuno {
    0% {
        stroke-dashoffset:1500;
    }

    40% {
        stroke-dashoffset:0;
    }


    60% {
        stroke-dashoffset:0;
        fill:transparent;
    }

    80% {
        stroke-dashoffset:1500;
        fill:transparent;
    }
    
    100% {
        stroke-dashoffset:1500;
        fill:transparent;
    }
    }

    .cls-22{
    stroke-dasharray: 1000;
    stroke-dashoffset:0;
    animation: animate-clsdos 7s linear forwards infinite;
    }


    @keyframes animate-clsdos {
    0% {
        stroke-dashoffset:1000;
    }

    40% {
        stroke-dashoffset:0;
    }

    60% {
        stroke-dashoffset:0;
        fill:#141414;
    }

    80% {
        stroke-dashoffset:1000;
        fill:#141414;
    }
    
    100% {
        stroke-dashoffset:1000;
        fill: transparent;
    }
    }

    .cls-33{
    stroke-dasharray: 3000;
    stroke-dashoffset:0;
    animation: animate-clstres 7s linear forwards infinite;
    }

    @keyframes animate-clstres {
    0% {
        stroke-dashoffset:3000;
    }

    40% {
        stroke-dashoffset:0;
    }

    
    60% {
        stroke-dashoffset:0;
        fill:#fff;
    }

    80% {
        stroke-dashoffset:3000;
        fill:#fff;
    }
    
    100% {
        stroke-dashoffset:3000;
        fill:transparent;
    }
    }

    .cls-44{
    stroke-dasharray: 1200;
    stroke-dashoffset:0;
    animation: animate-clscuatro 7s linear forwards infinite;
    }

    @keyframes animate-clscuatro  {
    0% {
        stroke-dashoffset:1200;
    }

    40% {
        stroke-dashoffset:0;
    }

    60% {
        stroke-dashoffset:0;
        fill:transparent;
    }

    
    80% {
        stroke-dashoffset:1200;
        fill:#ed0b21;
    }
    
    100% {
        stroke-dashoffset:1200;
        fill:transparent;
    }
    }

    .cls-55{
    stroke-dasharray: 2500;
    stroke-dashoffset:0;
    animation: animate-clscinco 7s linear forwards infinite;
    }

    @keyframes animate-clscinco  {
    0% {
        stroke-dashoffset:2500;
    }

    40% {
        stroke-dashoffset:0;
    }

    60% {
        stroke-dashoffset:0;
        fill:transparent;
    }


    80% {
        stroke-dashoffset:2500;
        fill:#000;
    }
    
    100% {
        stroke-dashoffset:2500;
        fill:transparent;
    }
    }

   

    

    @media (max-width: 768px) {
        .contenedorlogo {
            width: 400px;
            height: 280px;
        }
    }

    @media (max-width: 600px) {
        .contenedorlogo {
            width: 300px;
            height: 180px;
        }
    }