bg.svg

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="1920" height="600" preserveAspectRatio="none" viewBox="0 0 1920 600"><g mask="url(&quot;#SvgjsMask1008&quot;)" fill="none"><rect width="1920" height="600" x="0" y="0" fill="#0e2a47"></rect><path d="M546.113,660.308C587.741,661.076,624.426,635.642,645.769,599.894C667.715,563.135,676.367,516.556,653.575,480.315C631.839,445.754,586.888,439.364,546.113,441.438C509.544,443.298,474.975,459.013,456.054,490.362C436.481,522.792,434.89,562.863,452.627,596.333C471.577,632.093,505.649,659.562,546.113,660.308" fill="rgba(28, 83, 142, 0.4)" class="triangle-float3"></path><path d="M1325.5885752660888 538.8618099940845L1235.7114248152257 480.49490603633893 1177.34452085748 570.3720564872021 1267.2216713083433 628.7389604449477z" fill="rgba(28, 83, 142, 0.4)" class="triangle-float1"></path><path d="M1602.0232172480992 76.3736967161245L1635.5847122876016 249.9154585241281 1753.949008793929 150.5960209811106z" fill="rgba(28, 83, 142, 0.4)" class="triangle-float2"></path><path d="M3.68220789945336 302.61464281345707L145.0081795147724 217.69743202400497 60.09096872532032 76.37146040868595-81.23500288999873 161.28867119813802z" fill="rgba(28, 83, 142, 0.4)" class="triangle-float3"></path><path d="M1381.62 280.59 a191.46 191.46 0 1 0 382.92 0 a191.46 191.46 0 1 0 -382.92 0z" fill="rgba(28, 83, 142, 0.4)" class="triangle-float2"></path><path d="M157.29514116248643 360.4395691241058L260.32711487140233 382.339691197749 282.22723694504555 279.3077174888331 179.19526323612962 257.40759541518986z" fill="rgba(28, 83, 142, 0.4)" class="triangle-float2"></path><path d="M602.1820411457225 554.1280928152196L493.3534265110387 452.64376786491516 391.8691015607343 561.4723824995989 500.697716195418 662.9567074499033z" fill="rgba(28, 83, 142, 0.4)" class="triangle-float1"></path><path d="M616.3664146532516 173.00781776261354L528.4891036637458 78.77093913635943 434.2522250374917 166.64825012586516 522.1295360269975 260.8851287521193z" fill="rgba(28, 83, 142, 0.4)" class="triangle-float3"></path><path d="M1076.275,551.927C1138.622,551.981,1187.849,501.76,1214.497,445.395C1237.513,396.712,1224.902,341.957,1197.442,295.636C1170.643,250.431,1128.744,215.194,1076.275,212.237C1018.339,208.972,958.44,230.56,928.892,280.501C898.887,331.214,910.347,393.373,938.465,445.157C968.185,499.892,1013.992,551.873,1076.275,551.927" fill="rgba(28, 83, 142, 0.4)" class="triangle-float2"></path><path d="M121.12268315760437 209.9768795727426L169.14986619351944 106.98225317964342 66.15523980042025 58.95507014372836 18.12805676450519 161.94969653682753z" fill="rgba(28, 83, 142, 0.4)" class="triangle-float1"></path><path d="M1114.5067938567736-5.329911693208963L1024.5041022237533-73.15180449342432 956.6822094235379 16.85088713959602 1046.6849010565581 84.67277993981139z" fill="rgba(28, 83, 142, 0.4)" class="triangle-float3"></path><path d="M212.375,583.633C240.516,584.769,267.669,571.057,282.115,546.88C296.928,522.09,296.225,491.532,282.634,466.052C268.143,438.884,243.147,415.054,212.375,416.136C182.832,417.175,163.041,444.091,150.182,470.708C139.159,493.524,139.529,519.421,151.753,541.616C164.466,564.699,186.044,582.57,212.375,583.633" fill="rgba(28, 83, 142, 0.4)" class="triangle-float2"></path><path d="M188.42083275167874 227.32123213009132L82.92580492432421 278.7745951331545 212.85336334259625 411.2904553726547z" fill="rgba(28, 83, 142, 0.4)" class="triangle-float3"></path><path d="M1426.0753672270466 82.78726907993112L1352.286017741068 31.11941033025809 1300.618158991395 104.90875981623681 1374.4075084773735 156.57661856590983z" fill="rgba(28, 83, 142, 0.4)" class="triangle-float2"></path><path d="M1191.8661379272696 324.99356138086284L1069.8130229698513 303.47230413435807 1048.2917657233465 425.52541909177637 1170.3448806807648 447.04667633828115z" fill="rgba(28, 83, 142, 0.4)" class="triangle-float1"></path><path d="M544.11 134.36 a112.93 112.93 0 1 0 225.86 0 a112.93 112.93 0 1 0 -225.86 0z" fill="rgba(28, 83, 142, 0.4)" class="triangle-float2"></path><path d="M604.557,564.173C633.335,565.012,663.254,554.843,677.439,529.79C691.463,505.021,684.879,474.116,668.872,450.579C654.783,429.862,629.61,422.882,604.557,422.624C578.918,422.36,551.705,427.62,537.902,449.228C523.185,472.267,524.97,502.094,538.684,525.743C552.352,549.313,577.323,563.379,604.557,564.173" fill="rgba(28, 83, 142, 0.4)" class="triangle-float1"></path><path d="M1814.6426293504949 116.3048305124558L1933.7073245545619 150.44608246900088 1967.848576511107 31.38138726493392 1848.78388130704-2.7598646916111846z" fill="rgba(28, 83, 142, 0.4)" class="triangle-float1"></path><path d="M1748.9563156207967 478.8277012904521L1765.3716360479946 362.8288712830842 1669.76225255912 399.52987501637205z" fill="rgba(28, 83, 142, 0.4)" class="triangle-float3"></path><path d="M358.91 348.44 a170.39 170.39 0 1 0 340.78 0 a170.39 170.39 0 1 0 -340.78 0z" fill="rgba(28, 83, 142, 0.4)" class="triangle-float3"></path></g><defs><mask id="SvgjsMask1008"><rect width="1920" height="600" fill="#ffffff"></rect></mask><style>
            @keyframes float1 {
                0%{transform: translate(0, 0)}
                50%{transform: translate(-10px, 0)}
                100%{transform: translate(0, 0)}
            }

            .triangle-float1 {
                animation: float1 5s infinite;
            }

            @keyframes float2 {
                0%{transform: translate(0, 0)}
                50%{transform: translate(-5px, -5px)}
                100%{transform: translate(0, 0)}
            }

            .triangle-float2 {
                animation: float2 4s infinite;
            }

            @keyframes float3 {
                0%{transform: translate(0, 0)}
                50%{transform: translate(0, -10px)}
                100%{transform: translate(0, 0)}
            }

            .triangle-float3 {
                animation: float3 6s infinite;
            }
        </style></defs></svg>