3D Cards Scene only HTML / CSS

  <div class="surface">

    <div class="card">
  
      <svg id="logo-51" width="167" height="41" viewbox="0 0 167 41" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M48.6307 28.7936H60.5827V25.1936H52.8787V11.6336H48.6307V28.7936Z" class="cneutral" fill="#2F234F"></path>
        <path d="M67.6639 26.3936C65.9599 26.3936 65.0719 24.9056 65.0719 22.6736C65.0719 20.4416 65.9599 18.9296 67.6639 18.9296C69.3679 18.9296 70.2799 20.4416 70.2799 22.6736C70.2799 24.9056 69.3679 26.3936 67.6639 26.3936ZM67.6879 29.1776C71.6479 29.1776 74.2399 26.3696 74.2399 22.6736C74.2399 18.9776 71.6479 16.1696 67.6879 16.1696C63.7519 16.1696 61.1119 18.9776 61.1119 22.6736C61.1119 26.3696 63.7519 29.1776 67.6879 29.1776Z" class="cneutral" fill="#2F234F"></path>
        <path d="M81.0943 33.0416C82.9183 33.0416 84.5263 32.6336 85.6063 31.6736C86.5903 30.7856 87.2383 29.4416 87.2383 27.5936V16.5056H83.4943V17.8256H83.4463C82.7263 16.7936 81.6223 16.1456 79.9903 16.1456C76.9423 16.1456 74.8303 18.6896 74.8303 22.2896C74.8303 26.0576 77.3983 28.1216 80.1583 28.1216C81.6463 28.1216 82.5823 27.5216 83.3023 26.7056H83.3983V27.9296C83.3983 29.4176 82.7023 30.2816 81.0463 30.2816C79.7503 30.2816 79.1023 29.7296 78.8863 29.0816H75.0943C75.4783 31.6496 77.7103 33.0416 81.0943 33.0416ZM81.0703 25.2176C79.6063 25.2176 78.6463 24.0176 78.6463 22.1696C78.6463 20.2976 79.6063 19.0976 81.0703 19.0976C82.7023 19.0976 83.5663 20.4896 83.5663 22.1456C83.5663 23.8736 82.7743 25.2176 81.0703 25.2176Z" class="cneutral" fill="#2F234F"></path>
        <path d="M94.9367 26.3936C93.2327 26.3936 92.3447 24.9056 92.3447 22.6736C92.3447 20.4416 93.2327 18.9296 94.9367 18.9296C96.6407 18.9296 97.5527 20.4416 97.5527 22.6736C97.5527 24.9056 96.6407 26.3936 94.9367 26.3936ZM94.9607 29.1776C98.9207 29.1776 101.513 26.3696 101.513 22.6736C101.513 18.9776 98.9207 16.1696 94.9607 16.1696C91.0247 16.1696 88.3847 18.9776 88.3847 22.6736C88.3847 26.3696 91.0247 29.1776 94.9607 29.1776Z" class="cneutral" fill="#2F234F"></path>
        <path d="M102.655 28.7936H106.567V16.5056H102.655V28.7936ZM102.655 14.8016H106.567V11.6336H102.655V14.8016Z" class="cneutral" fill="#2F234F"></path>
        <path d="M108.264 32.8496H112.176V27.5216H112.224C112.992 28.5536 114.12 29.1776 115.704 29.1776C118.92 29.1776 121.056 26.6336 121.056 22.6496C121.056 18.9536 119.064 16.1456 115.8 16.1456C114.12 16.1456 112.92 16.8896 112.08 17.9936H112.008V16.5056H108.264V32.8496ZM114.696 26.1536C113.016 26.1536 112.056 24.7856 112.056 22.7936C112.056 20.8016 112.92 19.2896 114.624 19.2896C116.304 19.2896 117.096 20.6816 117.096 22.7936C117.096 24.8816 116.184 26.1536 114.696 26.1536Z" class="cneutral" fill="#2F234F"></path>
        <path d="M127.426 29.1776C130.642 29.1776 133.018 27.7856 133.018 25.0976C133.018 21.9536 130.474 21.4016 128.314 21.0416C126.754 20.7536 125.362 20.6336 125.362 19.7696C125.362 19.0016 126.106 18.6416 127.066 18.6416C128.146 18.6416 128.89 18.9776 129.034 20.0816H132.634C132.442 17.6576 130.57 16.1456 127.09 16.1456C124.186 16.1456 121.786 17.4896 121.786 20.0816C121.786 22.9616 124.066 23.5376 126.202 23.8976C127.834 24.1856 129.322 24.3056 129.322 25.4096C129.322 26.2016 128.578 26.6336 127.402 26.6336C126.106 26.6336 125.29 26.0336 125.146 24.8096H121.45C121.57 27.5216 123.826 29.1776 127.426 29.1776Z" class="cneutral" fill="#2F234F"></path>
        <path d="M138.331 29.1536C140.035 29.1536 141.115 28.4816 142.003 27.2816H142.075V28.7936H145.819V16.5056H141.907V23.3696C141.907 24.8336 141.091 25.8416 139.747 25.8416C138.499 25.8416 137.899 25.0976 137.899 23.7536V16.5056H134.011V24.5696C134.011 27.3056 135.499 29.1536 138.331 29.1536Z" class="cneutral" fill="#2F234F"></path>
        <path d="M147.521 28.7936H151.433V21.9056C151.433 20.4416 152.153 19.4096 153.377 19.4096C154.553 19.4096 155.105 20.1776 155.105 21.4976V28.7936H159.017V21.9056C159.017 20.4416 159.713 19.4096 160.961 19.4096C162.137 19.4096 162.689 20.1776 162.689 21.4976V28.7936H166.601V20.8016C166.601 18.0416 165.209 16.1456 162.425 16.1456C160.841 16.1456 159.521 16.8176 158.561 18.3056H158.513C157.889 16.9856 156.665 16.1456 155.057 16.1456C153.281 16.1456 152.105 16.9856 151.337 18.2576H151.265V16.5056H147.521V28.7936Z" class="cneutral" fill="#2F234F"></path>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M8.65417 3.89149C7.22351 4.89185 5.92981 6.0746 4.80676 7.40602C9.39606 6.97995 15.2266 7.67567 21.9958 11.0603C29.2244 14.6745 35.0452 14.7967 39.0962 14.0153C38.7286 12.9024 38.2658 11.8328 37.7177 10.816C33.0804 11.3051 27.1354 10.6577 20.207 7.1936C15.8074 4.9938 11.9292 4.08763 8.65417 3.89149ZM35.0088 6.96027C31.3467 2.86862 26.0248 0.293625 20.1014 0.293625C18.3619 0.293625 16.6741 0.515732 15.0651 0.933105C17.2443 1.52771 19.5593 2.39761 21.9958 3.61589C27.0684 6.15215 31.4478 6.96878 35.0088 6.96027ZM39.9623 17.9217C35.0683 18.8881 28.3102 18.6896 20.207 14.638C12.6314 10.8502 6.60187 10.8979 2.53534 11.8016C2.32544 11.8482 2.12048 11.8972 1.92047 11.9482C1.38806 13.1061 0.963074 14.3237 0.658142 15.5881C0.983826 15.5011 1.32037 15.4184 1.6676 15.3412C6.60101 14.2449 13.5715 14.2925 21.9958 18.5047C29.5715 22.2925 35.601 22.2448 39.6676 21.3411C39.8069 21.3102 39.9442 21.2782 40.0792 21.2452C40.094 20.9299 40.1014 20.6126 40.1014 20.2936C40.1014 19.4911 40.0542 18.6996 39.9623 17.9217ZM39.4262 25.4659C34.5797 26.3132 28.0184 25.988 20.207 22.0824C12.6314 18.2946 6.60187 18.3423 2.53534 19.246C1.63269 19.4465 0.820679 19.6908 0.10437 19.9487C0.102417 20.0634 0.10144 20.1784 0.10144 20.2936C0.10144 31.3393 9.05573 40.2936 20.1014 40.2936C29.3585 40.2936 37.1467 34.0045 39.4262 25.4659Z" class="ccustom" fill="#7F57F1"></path>
      </svg>
  
      <div class="top"></div>
      <div class="right"></div>
      <div class="bottom"></div>
      <div class="left"></div>
      <div class="back"></div>
  
      <div class="menu">
  
        <label for="bcard-1-img">View Full Size</label>
  
      </div>
  
    </div>
  
    <div class="card">
  
      <svg id="logo-44" width="172" height="40" viewbox="0 0 172 40" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M49.0364 29H60.3891V25.7673H52.4982V10.6727H49.0364V29Z" fill="#23216E" class="ccompli2"></path>
        <path d="M67.2113 29.3818C68.5859 29.3818 69.795 29.0763 70.8386 28.4654C71.8907 27.846 72.7095 26.9933 73.295 25.9073C73.8889 24.8127 74.1859 23.5527 74.1859 22.1273C74.1859 20.7103 73.8931 19.4588 73.3077 18.3727C72.7222 17.2782 71.9034 16.4212 70.8513 15.8018C69.8077 15.1824 68.5944 14.8727 67.2113 14.8727C65.8537 14.8727 64.6531 15.1782 63.6095 15.7891C62.5659 16.4 61.7471 17.2527 61.1531 18.3473C60.5592 19.4333 60.2622 20.6933 60.2622 22.1273C60.2622 23.5442 60.5507 24.8 61.1277 25.8945C61.7131 26.9806 62.5277 27.8333 63.5713 28.4527C64.615 29.0721 65.8283 29.3818 67.2113 29.3818ZM67.2113 26.1491C66.1337 26.1491 65.315 25.7885 64.755 25.0673C64.2034 24.3376 63.9277 23.3576 63.9277 22.1273C63.9277 20.9309 64.1907 19.9636 64.7168 19.2254C65.2513 18.4788 66.0828 18.1054 67.2113 18.1054C68.3059 18.1054 69.1289 18.4703 69.6804 19.2C70.2404 19.9297 70.5204 20.9054 70.5204 22.1273C70.5204 23.3067 70.2447 24.2739 69.6931 25.0291C69.1501 25.7757 68.3228 26.1491 67.2113 26.1491Z" fill="#23216E" class="ccompli2"></path>
        <path d="M81.0319 29.3818C81.6768 29.3818 82.2707 29.3054 82.8138 29.1527C83.3653 29 83.8659 28.7836 84.3156 28.5036V29.8909C84.3326 30.4 84.201 30.8242 83.921 31.1636C83.6495 31.5115 83.2847 31.7703 82.8265 31.94C82.3683 32.1182 81.8804 32.2073 81.3629 32.2073C80.8792 32.2073 80.4295 32.1012 80.0138 31.8891C79.6065 31.677 79.2925 31.3673 79.0719 30.96L75.8647 32.5127C76.3907 33.4036 77.1416 34.1206 78.1174 34.6636C79.0932 35.2151 80.1665 35.4909 81.3374 35.4909C82.3471 35.4909 83.2847 35.3551 84.1501 35.0836C85.0156 34.8206 85.7453 34.4176 86.3392 33.8745C86.9416 33.3315 87.3532 32.64 87.5738 31.8C87.6501 31.503 87.701 31.2018 87.7265 30.8963C87.7604 30.5994 87.7774 30.2812 87.7774 29.9418V15.2545H84.7483V16.0182C84.2816 15.6533 83.7513 15.3733 83.1574 15.1782C82.5719 14.9745 81.9229 14.8727 81.2101 14.8727C79.895 14.8727 78.7495 15.1867 77.7738 15.8145C76.798 16.4424 76.0386 17.3036 75.4956 18.3982C74.961 19.4842 74.6938 20.7273 74.6938 22.1273C74.6938 23.5018 74.9568 24.7363 75.4829 25.8309C76.0174 26.9254 76.7598 27.7909 77.7101 28.4273C78.6604 29.0636 79.7677 29.3818 81.0319 29.3818ZM81.5919 26.3018C80.8453 26.3018 80.2344 26.1151 79.7592 25.7418C79.2841 25.3685 78.9319 24.8679 78.7029 24.24C78.4738 23.6036 78.3592 22.8994 78.3592 22.1273C78.3592 21.3636 78.478 20.6679 78.7156 20.04C78.9532 19.4036 79.318 18.8988 79.8101 18.5254C80.3107 18.1436 80.9471 17.9527 81.7192 17.9527C82.8053 17.9527 83.5816 18.3388 84.0483 19.1109C84.515 19.8745 84.7483 20.88 84.7483 22.1273C84.7483 23.3745 84.5107 24.3842 84.0356 25.1563C83.5689 25.92 82.7544 26.3018 81.5919 26.3018Z" fill="#23216E" class="ccompli2"></path>
        <path d="M95.9998 29.3818C97.3744 29.3818 98.5835 29.0763 99.6271 28.4654C100.679 27.846 101.498 26.9933 102.083 25.9073C102.677 24.8127 102.974 23.5527 102.974 22.1273C102.974 20.7103 102.682 19.4588 102.096 18.3727C101.511 17.2782 100.692 16.4212 99.6398 15.8018C98.5962 15.1824 97.3828 14.8727 95.9998 14.8727C94.6422 14.8727 93.4416 15.1782 92.398 15.7891C91.3544 16.4 90.5356 17.2527 89.9416 18.3473C89.3477 19.4333 89.0507 20.6933 89.0507 22.1273C89.0507 23.5442 89.3392 24.8 89.9162 25.8945C90.5016 26.9806 91.3162 27.8333 92.3598 28.4527C93.4035 29.0721 94.6168 29.3818 95.9998 29.3818ZM95.9998 26.1491C94.9222 26.1491 94.1034 25.7885 93.5434 25.0673C92.9919 24.3376 92.7162 23.3576 92.7162 22.1273C92.7162 20.9309 92.9792 19.9636 93.5053 19.2254C94.0398 18.4788 94.8713 18.1054 95.9998 18.1054C97.0944 18.1054 97.9174 18.4703 98.4689 19.2C99.0289 19.9297 99.3089 20.9054 99.3089 22.1273C99.3089 23.3067 99.0331 24.2739 98.4816 25.0291C97.9386 25.7757 97.1113 26.1491 95.9998 26.1491Z" fill="#23216E" class="ccompli2"></path>
        <path d="M104.5 13.3454H107.962V10.2909H104.5V13.3454ZM104.5 29H107.962V15.2545H104.5V29Z" fill="#23216E" class="ccompli2"></path>
        <path d="M110.225 35.1091H113.712V28.5036C114.162 28.7836 114.658 29 115.201 29.1527C115.753 29.3054 116.351 29.3818 116.996 29.3818C118.26 29.3818 119.368 29.0636 120.318 28.4273C121.268 27.7909 122.006 26.9254 122.532 25.8309C123.067 24.7363 123.334 23.5018 123.334 22.1273C123.334 20.7273 123.063 19.4842 122.52 18.3982C121.985 17.3036 121.23 16.4424 120.254 15.8145C119.278 15.1867 118.133 14.8727 116.818 14.8727C116.105 14.8727 115.452 14.9745 114.858 15.1782C114.272 15.3733 113.746 15.6533 113.28 16.0182V15.2545H110.225V35.1091ZM116.436 26.3018C115.282 26.3018 114.468 25.92 113.992 25.1563C113.517 24.3842 113.28 23.3745 113.28 22.1273C113.28 20.88 113.513 19.8745 113.98 19.1109C114.455 18.3388 115.231 17.9527 116.309 17.9527C117.081 17.9527 117.713 18.1436 118.205 18.5254C118.706 18.8988 119.075 19.4036 119.312 20.04C119.55 20.6679 119.669 21.3636 119.669 22.1273C119.669 22.8994 119.554 23.6036 119.325 24.24C119.096 24.8679 118.744 25.3685 118.269 25.7418C117.794 26.1151 117.183 26.3018 116.436 26.3018Z" fill="#23216E" class="ccompli2"></path>
        <path d="M129.606 29.3818C131.404 29.3818 132.813 28.9788 133.831 28.1727C134.849 27.3666 135.358 26.2594 135.358 24.8509C135.358 23.7818 135.027 22.9376 134.366 22.3182C133.712 21.6988 132.601 21.1854 131.031 20.7782C129.962 20.5066 129.164 20.286 128.638 20.1163C128.121 19.9467 127.777 19.7812 127.607 19.62C127.446 19.4588 127.366 19.2594 127.366 19.0218C127.366 18.623 127.556 18.3176 127.938 18.1054C128.329 17.8933 128.842 17.8085 129.478 17.8509C130.827 17.9527 131.566 18.5297 131.693 19.5818L135.231 18.9454C135.053 17.6982 134.442 16.7097 133.398 15.98C132.355 15.2418 131.023 14.8727 129.402 14.8727C127.739 14.8727 126.411 15.263 125.418 16.0436C124.426 16.8242 123.929 17.8763 123.929 19.2C123.929 20.2521 124.273 21.0836 124.96 21.6945C125.647 22.297 126.831 22.8145 128.511 23.2473C129.504 23.5103 130.233 23.7224 130.7 23.8836C131.175 24.0448 131.481 24.2103 131.616 24.38C131.752 24.5412 131.82 24.7576 131.82 25.0291C131.82 25.4618 131.65 25.8012 131.311 26.0473C130.972 26.2848 130.488 26.4036 129.86 26.4036C129.096 26.4036 128.464 26.2212 127.964 25.8563C127.472 25.4915 127.153 24.9867 127.009 24.3418L123.471 24.8763C123.7 26.3103 124.345 27.4218 125.406 28.2109C126.475 28.9915 127.875 29.3818 129.606 29.3818Z" fill="#23216E" class="ccompli2"></path>
        <path d="M141.744 29.4073C142.737 29.4073 143.602 29.2418 144.341 28.9109C145.079 28.58 145.698 28.1388 146.199 27.5873V29H149.253V15.2545H145.766V22.2291C145.766 23.0776 145.668 23.7648 145.473 24.2909C145.287 24.8085 145.045 25.203 144.748 25.4745C144.451 25.7376 144.133 25.9157 143.793 26.0091C143.454 26.1024 143.136 26.1491 142.839 26.1491C142.101 26.1491 141.528 25.9836 141.121 25.6527C140.722 25.3218 140.433 24.9103 140.255 24.4182C140.077 23.926 139.971 23.4382 139.937 22.9545C139.903 22.4624 139.886 22.0594 139.886 21.7454V15.2545H136.373V22.9673C136.373 23.1963 136.39 23.5612 136.424 24.0618C136.458 24.5624 136.556 25.1182 136.717 25.7291C136.878 26.3315 137.145 26.9127 137.519 27.4727C137.901 28.0327 138.431 28.4951 139.11 28.86C139.788 29.2248 140.667 29.4073 141.744 29.4073Z" fill="#23216E" class="ccompli2"></path>
        <path d="M151.258 29H154.745V20.6763C154.745 19.8873 154.961 19.2467 155.394 18.7545C155.835 18.2539 156.416 18.0036 157.138 18.0036C157.893 18.0036 158.483 18.2582 158.907 18.7673C159.339 19.2679 159.556 19.9721 159.556 20.88V29H163.018V20.6763C163.018 19.8873 163.234 19.2467 163.667 18.7545C164.108 18.2539 164.689 18.0036 165.41 18.0036C166.166 18.0036 166.755 18.2582 167.179 18.7673C167.612 19.2679 167.829 19.9721 167.829 20.88V29H171.29V19.9636C171.29 18.4618 170.887 17.2485 170.081 16.3236C169.284 15.3903 168.1 14.9236 166.53 14.9236C165.648 14.9236 164.838 15.1145 164.099 15.4963C163.361 15.8782 162.772 16.4 162.33 17.0618C161.974 16.417 161.465 15.8994 160.803 15.5091C160.141 15.1188 159.318 14.9236 158.334 14.9236C157.502 14.9236 156.739 15.0891 156.043 15.42C155.347 15.7424 154.77 16.1879 154.312 16.7563V15.2545H151.258V29Z" fill="#23216E" class="ccompli2"></path>
        <path d="M20 0C8.9543 0 0 8.9543 0 20C11.0457 20 20 11.0457 20 0Z" fill="#45D2B0" class="ccustom"></path>
        <path d="M20 40C31.0457 40 40 31.0457 40 20C28.9543 20 20 28.9543 20 40Z" fill="#45D2B0" class="ccustom"></path>
        <path d="M20 0C31.0457 0 40 8.9543 40 20C28.9543 20 20 11.0457 20 0Z" fill="#23216E" class="ccompli2"></path>
        <path d="M20 40C8.9543 40 -9.65645e-07 31.0457 0 20C11.0457 20 20 28.9543 20 40Z" fill="#23216E" class="ccompli2"></path>
      </svg>
  
      <div class="top"></div>
      <div class="right"></div>
      <div class="bottom"></div>
      <div class="left"></div>
      <div class="back"></div>
  
      <div class="menu">
  
        <label for="bcard-2-img">View Full Size</label>
  
      </div>
  
    </div>
  
    <div class="card">
  
      <svg id="logo-28" width="161" height="44" viewbox="0 0 161 44" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M54.196 29H57.715V12.44H54.196V29Z" class="ccustom" fill="#55AE36"></path>
        <path d="M64.9338 29.368C68.6138 29.368 71.0288 26.999 71.0288 22.813C71.0288 18.765 68.6828 16.235 64.9338 16.235C61.2538 16.235 58.8618 18.604 58.8618 22.813C58.8618 26.884 61.1848 29.368 64.9338 29.368ZM64.9338 26.516C63.3468 26.516 62.4728 25.205 62.4728 22.813C62.4728 20.398 63.3238 19.087 64.9338 19.087C66.5438 19.087 67.4178 20.421 67.4178 22.813C67.4178 25.228 66.5668 26.516 64.9338 26.516Z" class="ccustom" fill="#55AE36"></path>
        <path d="M76.7538 29.023C78.0878 29.023 79.1918 28.471 79.9738 27.39V29.46C79.9738 31.185 79.1228 31.76 77.8578 31.76C76.6388 31.76 75.6958 31.162 75.5578 30.058H72.0388C72.4758 33.071 74.7528 34.451 77.9038 34.451C81.1468 34.451 83.4928 32.726 83.4928 29.414V16.626H79.9738V17.776C79.2148 16.764 78.1338 16.235 76.7538 16.235C73.6718 16.235 71.6708 18.535 71.6708 22.652C71.6708 26.585 73.6258 29.023 76.7538 29.023ZM77.6048 26.171C76.0868 26.171 75.2818 24.906 75.2818 22.652C75.2818 20.329 76.0868 19.087 77.6048 19.087C79.1458 19.087 79.9738 20.352 79.9738 22.629C79.9738 24.929 79.1688 26.171 77.6048 26.171Z" class="ccustom" fill="#55AE36"></path>
        <path d="M90.7315 29.368C94.4115 29.368 96.8265 26.999 96.8265 22.813C96.8265 18.765 94.4805 16.235 90.7315 16.235C87.0515 16.235 84.6595 18.604 84.6595 22.813C84.6595 26.884 86.9825 29.368 90.7315 29.368ZM90.7315 26.516C89.1445 26.516 88.2705 25.205 88.2705 22.813C88.2705 20.398 89.1215 19.087 90.7315 19.087C92.3415 19.087 93.2155 20.421 93.2155 22.813C93.2155 25.228 92.3645 26.516 90.7315 26.516Z" class="ccustom" fill="#55AE36"></path>
        <path d="M97.9976 15.384H101.517V12.44H97.9976V15.384ZM97.9976 29H101.517V16.626H97.9976V29Z" class="ccustom" fill="#55AE36"></path>
        <path d="M106.711 34.083V27.758C107.447 28.816 108.505 29.368 109.816 29.368C112.967 29.368 115.014 26.999 115.014 22.79C115.014 18.742 113.013 16.235 109.816 16.235C108.528 16.235 107.47 16.833 106.711 17.914V16.626H103.192V34.083H106.711ZM109.08 19.087C110.575 19.087 111.403 20.398 111.403 22.79C111.403 25.205 110.598 26.516 109.08 26.516C107.539 26.516 106.711 25.182 106.711 22.79C106.711 20.398 107.516 19.087 109.08 19.087Z" class="ccustom" fill="#55AE36"></path>
        <path d="M119.24 20.053C119.24 19.386 119.838 18.926 120.758 18.926C122 18.926 122.736 19.455 122.943 20.72H126.439C126.094 17.592 123.84 16.235 120.873 16.235C117.561 16.235 115.882 18.167 115.882 20.237C115.882 25.205 123.38 23.066 123.38 25.458C123.38 26.217 122.759 26.7 121.517 26.7C120.206 26.7 119.263 26.079 119.102 24.929H115.583C116.043 27.988 118.297 29.368 121.425 29.368C124.645 29.368 126.899 27.689 126.899 25.251C126.899 20.352 119.24 22.491 119.24 20.053Z" class="ccustom" fill="#55AE36"></path>
        <path d="M135.569 23.733C135.569 25.32 134.695 26.516 133.338 26.516C132.096 26.516 131.498 25.734 131.498 24.147V16.626H127.979V24.86C127.979 27.942 129.704 29.368 132.05 29.368C133.545 29.368 134.764 28.724 135.569 27.344V29H139.088V16.626H135.569V23.733Z" class="ccustom" fill="#55AE36"></path>
        <path d="M140.788 29H144.307V21.893C144.307 20.306 145.112 19.087 146.331 19.087C147.458 19.087 148.01 19.892 148.01 21.456V29H151.506V21.893C151.506 20.306 152.334 19.087 153.553 19.087C154.68 19.087 155.209 19.892 155.209 21.456V29H158.728V20.743C158.728 17.684 157.026 16.235 154.726 16.235C153.185 16.235 151.874 16.879 151.023 18.282C150.402 16.902 149.16 16.235 147.688 16.235C146.262 16.235 145.089 16.856 144.307 18.19V16.626H140.788V29Z" class="ccustom" fill="#55AE36"></path>
        <path d="M40.8504 34.0526C44.6624 30.6486 47 26.0548 47 21C47 10.5066 36.9264 2 24.5 2C12.0736 2 2 10.5066 2 21C2 31.4934 12.0736 40 24.5 40C28.0253 40 31.3613 39.3154 34.3316 38.0949C37.8208 40.2486 42.0957 41.7967 46.8169 41.4702C44.3227 40.8362 42.1773 38.2679 40.8504 34.0526Z" class="ccompli2" fill="#B6EFA2"></path>
        <path d="M41 21C41 28.732 33.6127 35 24.5 35C15.3873 35 8 28.732 8 21C8 13.268 15.3873 7 24.5 7C33.6127 7 41 13.268 41 21Z" class="ccompli1" fill="#88E169"></path>
        <path d="M35 21C35 25.9706 30.299 30 24.5 30C18.701 30 14 25.9706 14 21C14 16.0294 18.701 12 24.5 12C30.299 12 35 16.0294 35 21Z" class="ccustom" fill="#55AE36"></path>
      </svg>
  
      <div class="top"></div>
      <div class="right"></div>
      <div class="bottom"></div>
      <div class="left"></div>
      <div class="back"></div>
  
      <div class="menu">
  
        <label for="bcard-3-img">View Full Size</label>
  
      </div>
  
    </div>
  
    <div class="card">
  
      <svg id="logo-26" width="138" height="36" viewbox="0 0 138 36" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M11.3078 32.6547L8.05536 27.0213L12.8285 18.7767L15.8616 24.0306L33.7668 24.021L28.6861 32.7325L11.3078 32.6547Z" class="ccompli2" fill="#FFAD64"></path>
        <path d="M36.9641 18.4272L33.7117 24.0605L24.1851 24.0493L27.2185 18.7955L18.2576 3.29395L28.3423 3.3382L36.9641 18.4272Z" class="ccompli1" fill="#ADD4D3"></path>
        <path d="M11.8091 3.26395H18.314L23.0675 11.52L17.0008 11.5197L8.05663 27.0309L3.05255 18.2752L11.8091 3.26395Z" class="ccustom" fill="#FB8351"></path>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M19.107 1.95961L19.0876 1.92596H11.0406L1.50755 18.2684L8.05149 29.7184L8.05952 29.7045L10.5334 33.9894L29.4528 34.074L36.0969 22.6817H36.0527L38.5071 18.4306L29.1207 2.00354L19.107 1.95961ZM25.3318 12.858H25.382L20.6517 4.64252L27.5638 4.67283L35.421 18.4237L32.9617 22.6835L26.5167 22.6869L28.7638 18.795L25.3318 12.858ZM17.4683 4.60202L20.6937 10.1818L16.2279 10.1817L8.58236 23.4406L8.06084 24.3415L4.59771 18.282L12.5777 4.60202H17.4683ZM14.3672 18.7656L17.7738 12.8578L22.2408 12.858L25.6732 18.7958L23.4256 22.6886L16.6341 22.6923L14.3672 18.7656ZM9.60358 27.0267L10.8996 24.7792L12.8269 21.4501L15.0894 25.3692L21.8799 25.3655L21.8689 25.3845L31.4161 25.3958L27.9196 31.3911L12.0824 31.3202L9.60358 27.0267Z" class="cneutral" fill="#333237"></path>
        <path d="M87.2459 11.7188C88.1623 11.7188 88.9068 10.9742 88.9068 10.0388C88.9068 9.10333 88.1623 8.37788 87.2459 8.37788C86.3105 8.37788 85.5659 9.10333 85.5659 10.0388C85.5659 10.9742 86.3105 11.7188 87.2459 11.7188ZM85.7568 22.7533H88.7159V13.2079H85.7568V22.7533Z" class="ccustom" fill="#FB8351"></path>
        <path d="M90.4384 27.3352H93.3403V21.7988C93.8939 22.5243 95.1539 23.0206 96.4712 23.0206C99.3157 23.0206 101.034 20.8443 100.958 17.8279C100.881 14.7542 99.1057 12.9024 96.4521 12.9024C95.0966 12.9024 93.8175 13.4942 93.283 14.3724L93.1303 13.2079H90.4384V27.3352ZM93.3975 17.9806C93.3975 16.5488 94.3521 15.5943 95.7266 15.5943C97.1203 15.5943 97.9985 16.5679 97.9985 17.9806C97.9985 19.3933 97.1203 20.367 95.7266 20.367C94.3521 20.367 93.3975 19.4124 93.3975 17.9806Z" class="ccustom" fill="#FB8351"></path>
        <path d="M101.271 19.737C101.347 21.6652 102.875 23.0015 105.28 23.0015C107.59 23.0015 109.194 21.7797 109.194 19.8133C109.194 18.4006 108.354 17.4652 106.788 17.0833L105.089 16.6633C104.478 16.5106 104.096 16.3579 104.096 15.8615C104.096 15.3652 104.497 15.0406 105.089 15.0406C105.757 15.0406 106.196 15.4797 106.177 16.1288H108.831C108.755 14.1433 107.246 12.9024 105.146 12.9024C103.027 12.9024 101.443 14.1624 101.443 16.0715C101.443 17.3506 102.149 18.4006 104.039 18.897L105.719 19.3361C106.215 19.4697 106.425 19.6988 106.425 20.0233C106.425 20.5006 105.986 20.8061 105.242 20.8061C104.383 20.8061 103.925 20.4052 103.925 19.737H101.271Z" class="ccustom" fill="#FB8351"></path>
        <path d="M113.694 23.0015C114.858 23.0015 116.023 22.467 116.615 21.6843L116.806 22.7533H119.574V13.2079H116.634V18.1715C116.634 19.6033 116.214 20.3861 114.858 20.3861C113.808 20.3861 113.121 19.9088 113.121 18.1333V13.2079H110.181V19.2024C110.181 21.4743 111.441 23.0015 113.694 23.0015Z" class="ccustom" fill="#FB8351"></path>
        <path d="M124.236 22.7533V17.5415C124.236 15.9379 125.095 15.4797 125.935 15.4797C126.871 15.4797 127.482 16.0524 127.482 17.2361V22.7533H130.383V17.5415C130.383 15.9188 131.223 15.4606 132.063 15.4606C132.999 15.4606 133.629 16.0333 133.629 17.2361V22.7533H136.492V16.5106C136.492 14.3342 135.347 12.8833 132.884 12.8833C131.51 12.8833 130.383 13.5515 129.887 14.5824C129.314 13.5515 128.322 12.8833 126.737 12.8833C125.687 12.8833 124.713 13.3606 124.141 14.1242L124.026 13.2079H121.277V22.7533H124.236Z" class="ccustom" fill="#FB8351"></path>
        <path d="M46.9241 8.62749H43.7932V22.7548H52.4605V19.9866H46.9241V8.62749Z" class="cneutral" fill="#333237"></path>
        <path d="M52.7595 17.963C52.7595 20.9793 54.7832 22.9839 57.8377 22.9839C60.8732 22.9839 62.8968 20.9793 62.8968 17.963C62.8968 14.9466 60.8732 12.9229 57.8377 12.9229C54.7832 12.9229 52.7595 14.9466 52.7595 17.963ZM55.7186 17.9439C55.7186 16.512 56.5586 15.5575 57.8377 15.5575C59.0977 15.5575 59.9377 16.512 59.9377 17.9439C59.9377 19.3948 59.0977 20.3493 57.8377 20.3493C56.5586 20.3493 55.7186 19.3948 55.7186 17.9439Z" class="cneutral" fill="#333237"></path>
        <path d="M63.3697 17.8102C63.3697 20.693 65.2407 22.6402 67.8943 22.6402C69.1734 22.6402 70.2807 22.1821 70.8343 21.4375V22.7548C70.8343 24.0721 70.0134 24.9502 68.5625 24.9502C67.2643 24.9502 66.367 24.3393 66.3097 23.2511H63.3316C63.5988 25.8666 65.6225 27.623 68.3907 27.623C71.6552 27.623 73.717 25.5039 73.717 22.1439V13.2093H71.0634L70.9107 14.183C70.3761 13.4002 69.2498 12.8848 67.9516 12.8848C65.2788 12.8848 63.3697 14.8893 63.3697 17.8102ZM66.3479 17.7339C66.3479 16.3593 67.2643 15.443 68.4288 15.443C69.7843 15.443 70.777 16.3402 70.777 17.7339C70.777 19.1275 69.8034 20.082 68.4479 20.082C67.2834 20.082 66.3479 19.1275 66.3479 17.7339Z" class="cneutral" fill="#333237"></path>
        <path d="M74.5739 17.963C74.5739 20.9793 76.5975 22.9839 79.6521 22.9839C82.6875 22.9839 84.7112 20.9793 84.7112 17.963C84.7112 14.9466 82.6875 12.9229 79.6521 12.9229C76.5975 12.9229 74.5739 14.9466 74.5739 17.963ZM77.533 17.9439C77.533 16.512 78.373 15.5575 79.6521 15.5575C80.9121 15.5575 81.7521 16.512 81.7521 17.9439C81.7521 19.3948 80.9121 20.3493 79.6521 20.3493C78.373 20.3493 77.533 19.3948 77.533 17.9439Z" class="cneutral" fill="#333237"></path>
      </svg>
  
      <div class="top"></div>
      <div class="right"></div>
      <div class="bottom"></div>
      <div class="left"></div>
      <div class="back"></div>
  
      <div class="menu">
  
        <label for="bcard-4-img">View Full Size</label>
  
      </div>
  
    </div>
  
    <div class="card">
  
      <svg id="logo-12" width="138" height="30" viewbox="0 0 138 30" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M20.99 23.759L3.05 11.384C1.232 10.13 1.85 7.51898 4.117 6.90498L23.184 1.72998C23.5879 1.58424 24.0207 1.53693 24.4466 1.59198C24.8724 1.64703 25.279 1.80285 25.6326 2.04651C25.9861 2.29017 26.2765 2.61464 26.4795 2.99299C26.6825 3.37134 26.7924 3.79266 26.8 4.22198L25.67 21.771C25.536 23.854 22.808 25.013 20.99 23.759Z" class="ccompli2" fill="#E9327C"></path>
        <path d="M15.3 26.814L4.73098 6.14504C4.48938 5.6722 4.38307 5.14181 4.42376 4.61238C4.46445 4.08295 4.65057 3.57504 4.96158 3.14467C5.2726 2.7143 5.69643 2.37818 6.18634 2.17338C6.67625 1.96858 7.2132 1.90306 7.73798 1.98405L27.325 5.00704C27.7759 5.07665 28.2039 5.2523 28.5738 5.51955C28.9436 5.78681 29.2447 6.13803 29.4524 6.54434C29.66 6.95065 29.7683 7.40044 29.7682 7.85674C29.7681 8.31303 29.6597 8.7628 29.452 9.16904L20.429 26.815C20.1867 27.2865 19.8191 27.6821 19.3666 27.9582C18.9141 28.2344 18.3943 28.3804 17.8642 28.3803C17.3341 28.3802 16.8143 28.234 16.3619 27.9577C15.9095 27.6813 15.5421 27.2856 15.3 26.814V26.814Z" class="ccompli1" fill="#1DACE3"></path>
        <path d="M26.752 4.91801L16.988 3.41101L5 6.66601L9.785 16.027L20.99 23.759C21.2372 23.9277 21.5091 24.0569 21.796 24.142L26.052 15.819L26.752 4.91801Z" class="ccustom" fill="#001A49"></path>
        <path d="M76.209 7.33402C76.209 6.97109 76.3166 6.61632 76.5182 6.31455C76.7199 6.01279 77.0065 5.77759 77.3418 5.6387C77.6771 5.49982 78.046 5.46348 78.402 5.53428C78.7579 5.60509 79.0849 5.77986 79.3415 6.03648C79.5982 6.29311 79.7729 6.62008 79.8437 6.97603C79.9145 7.33199 79.8782 7.70095 79.7393 8.03625C79.6004 8.37155 79.3652 8.65814 79.0635 8.85977C78.7617 9.0614 78.4069 9.16902 78.044 9.16902C77.5588 9.16408 77.095 8.96916 76.7519 8.6261C76.4089 8.28303 76.2139 7.81916 76.209 7.33402V7.33402ZM76.515 10.066H79.574V20.26H76.515V10.066Z" class="ccustom" fill="#001A49"></path>
        <path d="M92.7839 15.163C92.8195 15.8368 92.7214 16.511 92.4955 17.1468C92.2695 17.7825 91.9201 18.3674 91.4674 18.8677C91.0146 19.3679 90.4674 19.7737 89.8572 20.0618C89.247 20.3498 88.5859 20.5144 87.9119 20.546C87.345 20.5768 86.7783 20.4812 86.2528 20.2661C85.7274 20.0509 85.2564 19.7216 84.8739 19.302V24.338H81.8159V10.066H84.8739V11.024C85.2565 10.6045 85.7275 10.2754 86.253 10.0604C86.7784 9.84545 87.3451 9.74999 87.9119 9.78098C88.5859 9.81247 89.2469 9.97691 89.8571 10.2648C90.4673 10.5528 91.0145 10.9585 91.4673 11.4587C91.9201 11.9589 92.2695 12.5436 92.4955 13.1794C92.7214 13.8151 92.8195 14.4892 92.7839 15.163ZM89.7259 15.163C89.7139 14.6857 89.5614 14.2226 89.2875 13.8315C89.0136 13.4405 88.6304 13.1389 88.186 12.9646C87.7415 12.7902 87.2555 12.7509 86.7888 12.8514C86.3221 12.9519 85.8953 13.1878 85.562 13.5296C85.2287 13.8714 85.0036 14.304 84.9149 14.7731C84.8262 15.2422 84.8779 15.7271 85.0634 16.167C85.2489 16.6069 85.56 16.9823 85.9578 17.2463C86.3557 17.5103 86.8225 17.651 87.2999 17.651C87.6278 17.6658 87.955 17.611 88.2602 17.4904C88.5654 17.3697 88.8416 17.1858 89.0707 16.9509C89.2998 16.7159 89.4766 16.4352 89.5896 16.127C89.7025 15.8189 89.749 15.4903 89.7259 15.163V15.163Z" class="ccustom" fill="#001A49"></path>
        <path d="M102.223 17.2C102.223 19.545 100.184 20.544 97.9821 20.544C97.0926 20.6245 96.1993 20.4362 95.4179 20.0035C94.6365 19.5709 94.003 18.9137 93.5991 18.117L96.2491 16.609C96.3569 16.9773 96.5877 17.2974 96.9032 17.5158C97.2186 17.7342 97.5995 17.8377 97.9821 17.809C98.7161 17.809 99.0821 17.584 99.0821 17.177C99.0821 16.055 94.0671 16.647 94.0671 13.119C94.0671 10.897 95.9421 9.776 98.0671 9.776C98.8642 9.75098 99.6533 9.94011 100.352 10.3237C101.052 10.7073 101.635 11.2713 102.042 11.957L99.4331 13.364C99.319 13.0964 99.1286 12.8683 98.8857 12.7083C98.6427 12.5482 98.358 12.4633 98.0671 12.464C97.5371 12.464 97.2111 12.664 97.2111 13.035C97.2081 14.205 102.223 13.43 102.223 17.2Z" class="ccustom" fill="#001A49"></path>
        <path d="M113.4 10.066V20.26H110.342V19.3C109.989 19.7229 109.54 20.0561 109.033 20.2724C108.527 20.4886 107.976 20.5817 107.426 20.544C105.367 20.544 103.614 19.076 103.614 16.323V10.066H106.672V15.877C106.646 16.12 106.674 16.3657 106.753 16.5969C106.832 16.8281 106.96 17.0394 107.129 17.216C107.298 17.3926 107.503 17.5302 107.73 17.6193C107.958 17.7085 108.202 17.7469 108.446 17.732C109.567 17.732 110.346 17.08 110.346 15.632V10.066H113.4Z" class="ccustom" fill="#001A49"></path>
        <path d="M130.928 14V20.26H127.87V14.266C127.87 13.247 127.38 12.594 126.402 12.594C125.382 12.594 124.812 13.308 124.812 14.511V20.26H121.753V14.266C121.753 13.247 121.264 12.594 120.285 12.594C119.266 12.594 118.695 13.308 118.695 14.511V20.26H115.637V10.066H118.7V11C119.017 10.5841 119.433 10.2543 119.91 10.0406C120.387 9.827 120.911 9.73636 121.432 9.77701C121.955 9.75142 122.477 9.86186 122.945 10.0976C123.413 10.3333 123.812 10.6862 124.103 11.122C124.442 10.6661 124.891 10.3035 125.408 10.0683C125.925 9.83305 126.494 9.73284 127.06 9.77701C129.4 9.78101 130.928 11.452 130.928 14Z" class="ccustom" fill="#001A49"></path>
        <path d="M133.519 10.003C134.773 10.003 135.789 8.9867 135.789 7.73301C135.789 6.47933 134.773 5.46301 133.519 5.46301C132.265 5.46301 131.249 6.47933 131.249 7.73301C131.249 8.9867 132.265 10.003 133.519 10.003Z" class="ccustom" fill="#001A49"></path>
        <path d="M34.457 5.37695H37.516V20.26H34.457V5.37695ZM39.248 15.163C39.2447 14.0942 39.5585 13.0485 40.1498 12.1583C40.7411 11.268 41.5833 10.5732 42.5697 10.1619C43.5562 9.75058 44.6424 9.64121 45.6911 9.84765C46.7397 10.0541 47.7035 10.567 48.4604 11.3216C49.2173 12.0761 49.7333 13.0382 49.943 14.0862C50.1527 15.1342 50.0468 16.2208 49.6386 17.2085C49.2304 18.1962 48.5383 19.0406 47.6499 19.6347C46.7615 20.2288 45.7168 20.546 44.648 20.546C43.9382 20.5535 43.234 20.4196 42.5765 20.152C41.9191 19.8844 41.3215 19.4884 40.8188 18.9873C40.316 18.4861 39.9182 17.8898 39.6485 17.2332C39.3788 16.5766 39.2427 15.8728 39.248 15.163V15.163ZM46.996 15.163C46.984 14.7019 46.8364 14.2547 46.5715 13.8772C46.3067 13.4997 45.9364 13.2086 45.507 13.0404C45.0775 12.8723 44.6081 12.8344 44.1573 12.9317C43.7065 13.0289 43.2944 13.257 42.9725 13.5872C42.6506 13.9175 42.4333 14.3353 42.3476 14.7884C42.262 15.2416 42.3118 15.7099 42.491 16.1349C42.6701 16.5598 42.9706 16.9225 43.3548 17.1776C43.739 17.4327 44.1899 17.5688 44.651 17.569C44.9668 17.578 45.2811 17.5214 45.5739 17.4029C45.8668 17.2845 46.1319 17.1066 46.3526 16.8805C46.5733 16.6545 46.7448 16.3852 46.8562 16.0896C46.9676 15.7939 47.0166 15.4784 47 15.163H46.996ZM62.245 10.063V19.748C62.245 23.173 59.574 24.62 56.863 24.62C55.9088 24.692 54.9531 24.4999 54.1007 24.0647C53.2484 23.6296 52.5323 22.9681 52.031 22.153L54.64 20.644C54.8506 21.0694 55.1861 21.4204 55.6016 21.6501C56.0171 21.8797 56.4927 21.977 56.965 21.929C57.2665 21.9701 57.5733 21.9431 57.8629 21.8498C58.1525 21.7565 58.4174 21.5995 58.6382 21.3901C58.8589 21.1808 59.0298 20.9246 59.1383 20.6403C59.2468 20.3561 59.2901 20.0511 59.265 19.748V18.81C58.9068 19.248 58.4509 19.596 57.934 19.8261C57.417 20.0562 56.8533 20.162 56.288 20.135C54.9425 20.0931 53.666 19.5292 52.729 18.5626C51.792 17.596 51.268 16.3027 51.268 14.9565C51.268 13.6102 51.792 12.3169 52.729 11.3503C53.666 10.3837 54.9425 9.81977 56.288 9.77795C56.8533 9.75091 57.417 9.85667 57.934 10.0868C58.4509 10.3169 58.9068 10.6649 59.265 11.103V10.063H62.245ZM59.269 14.956C59.2892 14.4636 59.1616 13.9765 58.9027 13.5572C58.6438 13.1379 58.2654 12.8056 57.8161 12.6031C57.3669 12.4006 56.8673 12.3371 56.3817 12.4208C55.8961 12.5045 55.4466 12.7315 55.091 13.0727C54.7354 13.4139 54.49 13.8536 54.3864 14.3353C54.2827 14.8171 54.3255 15.3188 54.5093 15.7761C54.693 16.2333 55.0094 16.6251 55.4176 16.9011C55.8258 17.1771 56.3073 17.3247 56.8 17.325C57.1213 17.3475 57.4438 17.3026 57.7467 17.1931C58.0496 17.0836 58.3262 16.9119 58.5588 16.689C58.7913 16.4662 58.9747 16.1971 59.097 15.8992C59.2193 15.6012 59.2779 15.2809 59.269 14.959V14.956ZM63.977 15.156C63.9737 14.0872 64.2875 13.0415 64.8788 12.1513C65.4701 11.261 66.3123 10.5662 67.2987 10.1549C68.2852 9.74358 69.3714 9.63421 70.4201 9.84065C71.4687 10.0471 72.4324 10.56 73.1894 11.3146C73.9463 12.0691 74.4623 13.0312 74.672 14.0792C74.8817 15.1272 74.7758 16.2138 74.3676 17.2015C73.9594 18.1892 73.2673 19.0336 72.3789 19.6277C71.4905 20.2218 70.4458 20.539 69.377 20.539C68.6678 20.5465 67.9642 20.4128 67.3072 20.1456C66.6502 19.8785 66.0529 19.4831 65.5503 18.9827C65.0476 18.4823 64.6497 17.8869 64.3796 17.231C64.1094 16.5752 63.9726 15.8722 63.977 15.163V15.156ZM71.725 15.156C71.7132 14.6947 71.5656 14.2471 71.3008 13.8692C71.0359 13.4914 70.6654 13.2001 70.2358 13.0317C69.8061 12.8633 69.3364 12.8254 68.8853 12.9227C68.4342 13.0199 68.0218 13.2481 67.6998 13.5785C67.3777 13.909 67.1602 14.3271 67.0746 14.7805C66.9889 15.2339 67.0389 15.7026 67.2182 16.1277C67.3976 16.5529 67.6983 16.9157 68.0828 17.1709C68.4674 17.426 68.9186 17.562 69.38 17.562C69.6949 17.5703 70.008 17.5136 70.2999 17.3953C70.5918 17.277 70.8561 17.0996 71.0763 16.8744C71.2964 16.6492 71.4677 16.3809 71.5793 16.0864C71.691 15.7919 71.7406 15.4775 71.725 15.163V15.156Z" class="ccustom" fill="#001A49"></path>
      </svg>
  
      <div class="top"></div>
      <div class="right"></div>
      <div class="bottom"></div>
      <div class="left"></div>
      <div class="back"></div>
  
      <div class="menu">
  
        <label for="bcard-5-img">View Full Size</label>
  
      </div>
  
    </div>
  
    <div class="card">
  
      <svg id="logo-50" class="gradient" width="153" height="38" viewbox="0 0 153 38" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M0.878785 28.1818L0.878788 9.39393L10.2727 14.6128L10.2727 23.0151L17.7879 27.2424L25.303 23.0151L25.303 14.6128L34.697 9.39393L34.697 28.1818L17.7879 37.5757L0.878785 28.1818Z" class="cneutral" fill="#192657"></path>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M5.57576 12.0034L0.878784 9.39394L17.7879 0L34.697 9.39394L30 12.0034L30 25.8333L17.7879 32.8788L5.57575 25.8333L5.57576 12.0034ZM29.4912 12.2861L25.303 14.6128V14.5606L17.7879 10.3333L10.2727 14.5606V14.6128L6.08459 12.2861L6.08459 25.5443L17.7879 32.2962L29.4912 25.5443L29.4912 12.2861Z" fill="url(#paint500_linear_1501_1259)"></path>
        <path d="M43.7001 26.697V10.9152H46.6761V23.9915H53.8907V26.697H43.7001Z" class="cneutral" fill="#192657"></path>
        <path d="M60.3159 27.0126C59.2037 27.0126 58.2042 26.7872 57.3174 26.3362C56.4306 25.8853 55.7317 25.2315 55.2207 24.3748C54.7096 23.5181 54.4541 22.4885 54.4541 21.2861V20.9253C54.4541 19.7229 54.7096 18.6933 55.2207 17.8366C55.7317 16.9799 56.4306 16.3261 57.3174 15.8752C58.2042 15.4242 59.2037 15.1988 60.3159 15.1988C61.4282 15.1988 62.4277 15.4242 63.3145 15.8752C64.2013 16.3261 64.9002 16.9799 65.4112 17.8366C65.9222 18.6933 66.1778 19.7229 66.1778 20.9253V21.2861C66.1778 22.4885 65.9222 23.5181 65.4112 24.3748C64.9002 25.2315 64.2013 25.8853 63.3145 26.3362C62.4277 26.7872 61.4282 27.0126 60.3159 27.0126ZM60.3159 24.4875C61.1877 24.4875 61.9092 24.2095 62.4803 23.6533C63.0515 23.0822 63.337 22.2705 63.337 21.2184V20.993C63.337 19.9409 63.0515 19.1367 62.4803 18.5806C61.9242 18.0095 61.2027 17.7239 60.3159 17.7239C59.4442 17.7239 58.7227 18.0095 58.1516 18.5806C57.5804 19.1367 57.2949 19.9409 57.2949 20.993V21.2184C57.2949 22.2705 57.5804 23.0822 58.1516 23.6533C58.7227 24.2095 59.4442 24.4875 60.3159 24.4875Z" class="cneutral" fill="#192657"></path>
        <path d="M67.2443 21.1508V20.7901C67.2443 19.6177 67.4772 18.6182 67.9432 17.7915C68.4091 16.9498 69.0254 16.311 69.7919 15.8752C70.5735 15.4242 71.4227 15.1988 72.3395 15.1988C73.3616 15.1988 74.1357 15.3792 74.6617 15.7399C75.1878 16.1006 75.5711 16.4764 75.8115 16.8672H76.2174V15.5144H79.013V28.681C79.013 29.4475 78.7875 30.0562 78.3366 30.5072C77.8857 30.9731 77.2845 31.2061 76.533 31.2061H69.0479V28.7261H75.541C75.9618 28.7261 76.1723 28.5006 76.1723 28.0497V25.1413H75.7664C75.6161 25.3818 75.4057 25.6298 75.1352 25.8853C74.8646 26.1258 74.5039 26.3287 74.053 26.4941C73.6021 26.6594 73.0309 26.7421 72.3395 26.7421C71.4227 26.7421 70.5735 26.5241 69.7919 26.0882C69.0254 25.6373 68.4091 24.9985 67.9432 24.1719C67.4772 23.3302 67.2443 22.3232 67.2443 21.1508ZM73.1512 24.2621C74.0229 24.2621 74.7519 23.984 75.3381 23.4279C75.9243 22.8718 76.2174 22.0902 76.2174 21.0832V20.8577C76.2174 19.8356 75.9243 19.0541 75.3381 18.513C74.7669 17.9569 74.038 17.6788 73.1512 17.6788C72.2794 17.6788 71.5504 17.9569 70.9643 18.513C70.3781 19.0541 70.085 19.8356 70.085 20.8577V21.0832C70.085 22.0902 70.3781 22.8718 70.9643 23.4279C71.5504 23.984 72.2794 24.2621 73.1512 24.2621Z" class="cneutral" fill="#192657"></path>
        <path d="M86.4687 27.0126C85.3564 27.0126 84.3569 26.7872 83.4701 26.3362C82.5833 25.8853 81.8844 25.2315 81.3734 24.3748C80.8624 23.5181 80.6069 22.4885 80.6069 21.2861V20.9253C80.6069 19.7229 80.8624 18.6933 81.3734 17.8366C81.8844 16.9799 82.5833 16.3261 83.4701 15.8752C84.3569 15.4242 85.3564 15.1988 86.4687 15.1988C87.5809 15.1988 88.5804 15.4242 89.4672 15.8752C90.354 16.3261 91.0529 16.9799 91.5639 17.8366C92.075 18.6933 92.3305 19.7229 92.3305 20.9253V21.2861C92.3305 22.4885 92.075 23.5181 91.5639 24.3748C91.0529 25.2315 90.354 25.8853 89.4672 26.3362C88.5804 26.7872 87.5809 27.0126 86.4687 27.0126ZM86.4687 24.4875C87.3404 24.4875 88.0619 24.2095 88.633 23.6533C89.2042 23.0822 89.4898 22.2705 89.4898 21.2184V20.993C89.4898 19.9409 89.2042 19.1367 88.633 18.5806C88.0769 18.0095 87.3555 17.7239 86.4687 17.7239C85.5969 17.7239 84.8755 18.0095 84.3043 18.5806C83.7332 19.1367 83.4476 19.9409 83.4476 20.993V21.2184C83.4476 22.2705 83.7332 23.0822 84.3043 23.6533C84.8755 24.2095 85.5969 24.4875 86.4687 24.4875Z" class="cneutral" fill="#192657"></path>
        <path d="M93.9381 26.697V15.5144H96.7788V26.697H93.9381ZM95.3584 14.2068C94.8474 14.2068 94.4115 14.0415 94.0508 13.7108C93.7051 13.3801 93.5323 12.9442 93.5323 12.4032C93.5323 11.8621 93.7051 11.4262 94.0508 11.0955C94.4115 10.7649 94.8474 10.5995 95.3584 10.5995C95.8845 10.5995 96.3204 10.7649 96.6661 11.0955C97.0118 11.4262 97.1846 11.8621 97.1846 12.4032C97.1846 12.9442 97.0118 13.3801 96.6661 13.7108C96.3204 14.0415 95.8845 14.2068 95.3584 14.2068Z" class="cneutral" fill="#192657"></path>
        <path d="M98.9122 31.2061V15.5144H101.708V16.8672H102.114C102.369 16.4313 102.767 16.048 103.309 15.7173C103.85 15.3716 104.624 15.1988 105.631 15.1988C106.533 15.1988 107.367 15.4242 108.133 15.8752C108.9 16.311 109.516 16.9573 109.982 17.8141C110.448 18.6708 110.681 19.7079 110.681 20.9253V21.2861C110.681 22.5035 110.448 23.5406 109.982 24.3973C109.516 25.2541 108.9 25.9079 108.133 26.3588C107.367 26.7947 106.533 27.0126 105.631 27.0126C104.954 27.0126 104.383 26.9299 103.917 26.7646C103.466 26.6143 103.098 26.4189 102.813 26.1784C102.542 25.9229 102.324 25.6674 102.159 25.4119H101.753V31.2061H98.9122ZM104.774 24.5326C105.661 24.5326 106.39 24.2545 106.961 23.6984C107.547 23.1273 107.84 22.3006 107.84 21.2184V20.993C107.84 19.9108 107.547 19.0916 106.961 18.5355C106.375 17.9644 105.646 17.6788 104.774 17.6788C103.902 17.6788 103.173 17.9644 102.587 18.5355C102.001 19.0916 101.708 19.9108 101.708 20.993V21.2184C101.708 22.3006 102.001 23.1273 102.587 23.6984C103.173 24.2545 103.902 24.5326 104.774 24.5326Z" class="cneutral" fill="#192657"></path>
        <path d="M116.919 27.0126C115.461 27.0126 114.266 26.697 113.334 26.0657C112.403 25.4344 111.839 24.5326 111.643 23.3602L114.259 22.6839C114.364 23.2099 114.537 23.6233 114.777 23.9239C115.033 24.2245 115.341 24.4424 115.702 24.5777C116.077 24.6979 116.483 24.7581 116.919 24.7581C117.58 24.7581 118.069 24.6453 118.385 24.4199C118.7 24.1794 118.858 23.8863 118.858 23.5406C118.858 23.1949 118.708 22.9319 118.407 22.7515C118.107 22.5561 117.626 22.3983 116.964 22.2781L116.333 22.1653C115.551 22.015 114.837 21.8121 114.191 21.5566C113.545 21.2861 113.026 20.9178 112.635 20.4519C112.245 19.9859 112.049 19.3847 112.049 18.6482C112.049 17.536 112.455 16.6868 113.267 16.1006C114.078 15.4994 115.146 15.1988 116.468 15.1988C117.716 15.1988 118.753 15.4769 119.579 16.033C120.406 16.5891 120.947 17.3181 121.203 18.2199L118.565 19.0315C118.445 18.4604 118.197 18.0545 117.821 17.8141C117.46 17.5736 117.009 17.4533 116.468 17.4533C115.927 17.4533 115.514 17.551 115.228 17.7464C114.943 17.9268 114.8 18.1823 114.8 18.513C114.8 18.8737 114.95 19.1442 115.251 19.3246C115.551 19.4899 115.957 19.6177 116.468 19.7079L117.099 19.8206C117.941 19.9709 118.7 20.1738 119.377 20.4293C120.068 20.6698 120.609 21.023 121 21.489C121.406 21.9399 121.609 22.5561 121.609 23.3377C121.609 24.5101 121.18 25.4194 120.323 26.0657C119.482 26.697 118.347 27.0126 116.919 27.0126Z" class="cneutral" fill="#192657"></path>
        <path d="M127.344 26.8773C126.473 26.8773 125.706 26.6819 125.045 26.2912C124.399 25.8853 123.895 25.3292 123.534 24.6228C123.174 23.9164 122.993 23.1047 122.993 22.1879V15.5144H125.834V21.9624C125.834 22.8041 126.037 23.4354 126.443 23.8562C126.863 24.2771 127.457 24.4875 128.224 24.4875C129.095 24.4875 129.772 24.2019 130.253 23.6308C130.734 23.0446 130.974 22.233 130.974 21.1959V15.5144H133.815V26.697H131.019V25.2315H130.614C130.433 25.6073 130.095 25.9755 129.599 26.3362C129.103 26.697 128.351 26.8773 127.344 26.8773Z" class="cneutral" fill="#192657"></path>
        <path d="M135.962 26.697V15.5144H138.757V16.7319H139.163C139.358 16.3561 139.682 16.033 140.132 15.7624C140.583 15.4769 141.177 15.3341 141.914 15.3341C142.71 15.3341 143.349 15.4919 143.83 15.8075C144.311 16.1081 144.679 16.5064 144.935 17.0024H145.34C145.596 16.5215 145.957 16.1232 146.423 15.8075C146.889 15.4919 147.55 15.3341 148.407 15.3341C149.098 15.3341 149.722 15.4844 150.278 15.785C150.849 16.0705 151.3 16.5139 151.631 17.1152C151.976 17.7013 152.149 18.4453 152.149 19.3472V26.697H149.308V19.5501C149.308 18.9338 149.151 18.4754 148.835 18.1748C148.519 17.8592 148.076 17.7013 147.505 17.7013C146.859 17.7013 146.355 17.9118 145.994 18.3326C145.649 18.7384 145.476 19.3246 145.476 20.0912V26.697H142.635V19.5501C142.635 18.9338 142.477 18.4754 142.162 18.1748C141.846 17.8592 141.403 17.7013 140.831 17.7013C140.185 17.7013 139.682 17.9118 139.321 18.3326C138.975 18.7384 138.802 19.3246 138.802 20.0912V26.697H135.962Z" class="cneutral" fill="#192657"></path>
        <defs>
          <lineargradient id="paint500_linear_1501_1259" x1="5.57575" y1="7.30638" x2="30.9394" y2="7.30639" gradientunits="userSpaceOnUse">
            <stop class="ccustom" stop-color="#64C2DB"></stop>
            <stop offset="0.307292" class="ccompli1" stop-color="#7476ED"></stop>
            <stop offset="0.604167" class="ccompli1" stop-color="#C994DF"></stop>
            <stop offset="1" class="ccompli2" stop-color="#E56F8C"></stop>
          </lineargradient>
        </defs>
      </svg>
  
      <div class="top"></div>
      <div class="right"></div>
      <div class="bottom"></div>
      <div class="left"></div>
      <div class="back"></div>
  
      <div class="menu">
  
        <label for="bcard-6-img">View Full Size</label>
  
      </div>
  
    </div>
  
    <div class="background"></div>
  
  </div>
  
  <input type="radio" id="bcard-1-img" name="bcard-lbox" value="1">
  <input type="radio" id="bcard-2-img" name="bcard-lbox" value="2">
  <input type="radio" id="bcard-3-img" name="bcard-lbox" value="3">
  <input type="radio" id="bcard-4-img" name="bcard-lbox" value="4">
  <input type="radio" id="bcard-5-img" name="bcard-lbox" value="5">
  <input type="radio" id="bcard-6-img" name="bcard-lbox" value="6">
  
  <input type="radio" id="close-lbox" name="bcard-lbox" value="close">
  
  <label id="close-button" for="close-lbox">
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewbox="0 0 16 16">
      <path fill-rule="evenodd" d="M13.854 2.146a.5.5 0 0 1 0 .708l-11 11a.5.5 0 0 1-.708-.708l11-11a.5.5 0 0 1 .708 0Z" />
      <path fill-rule="evenodd" d="M2.146 2.146a.5.5 0 0 0 0 .708l11 11a.5.5 0 0 0 .708-.708l-11-11a.5.5 0 0 0-.708 0Z" />
    </svg>
  </label>
  
  <img id="bcard-1-ent" src="https://picsum.photos/id/577/1280/720" alt="business card 1 image" width="1280" height="720">
  <img id="bcard-2-ent" src="https://picsum.photos/id/427/1280/720" alt="business card 2 image" width="1280" height="720">
  <img id="bcard-3-ent" src="https://picsum.photos/id/861/1280/720" alt="business card 3 image" width="1280" height="720">
  <img id="bcard-4-ent" src="https://picsum.photos/id/950/1280/720" alt="business card 4 image" width="1280" height="720">
  <img id="bcard-5-ent" src="https://picsum.photos/id/419/1280/720" alt="business card 5 image" width="1280" height="720">
  <img id="bcard-6-ent" src="https://picsum.photos/id/124/1280/720" alt="business card 6 image" width="1280" height="720">
  
  <div class="lightbox-backdrop"></div>

*,
*::before,
*::after {
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
  transform-style: preserve-3d;
}

body,
html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body {
  background: dodgerblue;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  margin: 0;
  perspective: 12in;
  perspective-origin: 50% 50%;
  animation: perspective 10s linear infinite;
  animation-delay: 1s;
}

@keyframes perspective {
  0% {
    perspective-origin: 50% 50%;
    perspective: 12in;
  }
  25% {
    perspective-origin: 20% 30%;
    perspective: 15in;
  }
  75% {
    perspective-origin: 80% 70%;
    perspective: 15in;
  }
  100% {
    perspective-origin: 50% 50%;
    perspective: 12in;
  }
}

.surface {
  position: relative;
  background: transparent;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 300%;
  height: 300%;
  left: -100%;
  transform: rotateX(90deg) translateZ(-2.5in) translateY(-1in);
}

.surface .background {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #362000;
  background-image: url("https://www.transparenttextures.com/patterns/wood-pattern.png");
  background-position: center;
  transform: translateZ(-1.02in) translateX(1in);
  filter: blur(0.01in);
}

.surface .background::after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  background: radial-gradient(
    circle,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 90%,
    rgba(0, 0, 0, 1) 100%
  );
  border-radius: 50%;
}

.surface .card {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 3.5in;
  height: 2in;
  background: url("https://picsum.photos/id/577/1280/720");
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transform: translateX(0.5in) rotateX(-30deg) rotateY(-10deg) rotateZ(-60deg);
  outline: 0.01in solid transparent;
  outline-offset: 0in;
  transition: all 0.3s ease-in-out;
}

.surface .card p {
  color: white;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.1in;
  font-size: 12pt;
  line-height: 22pt;
  font-weight: 500;
  margin: 0;
}

.surface .card svg {
  background: rgba(255, 255, 255, 0.7);
  width: 2in;
  height: auto;
  padding: 0.2in;
  border-radius: 0.5in;
}

.surface .card:nth-child(2) {
  background: url("https://picsum.photos/id/427/1280/720");
  transform: translateZ(1.4in) translateX(-2in) rotateX(-25deg) rotateY(40deg)
    rotateZ(-60deg);
}

.surface .card:nth-child(3) {
  background: url("https://picsum.photos/id/861/1280/720");
  transform: translateZ(3.1in) translateX(-0.25in) rotateX(-70deg) rotateY(0deg)
    rotateZ(-60deg);
}

.surface .card:nth-child(4) {
  background: url("https://picsum.photos/id/950/1280/720");
  transform: translateZ(4.5in) translateX(-0.8in) translateY(0.6in)
    rotateX(-80deg) rotateY(0deg) rotateZ(-20deg);
}

.surface .card:nth-child(5) {
  background: url("https://picsum.photos/id/419/1280/720");
  transform: translateZ(5.8in) translateX(1.4in) translateY(-0.7in)
    rotateX(-70deg) rotateY(0deg) rotateZ(15deg);
}

.surface .card:nth-child(6) {
  background: url("https://picsum.photos/id/124/1280/720");
  transform: translateZ(2in) translateX(1.7in) translateY(-0.7in)
    rotateX(-60deg) rotateY(25deg);
}

.surface .card:nth-child(1)::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: black;
  transform: rotateZ(20deg) rotateY(27deg) rotateX(17deg) translateX(0.3in)
    translateY(0.5in) translateZ(-1in);
  filter: blur(0.5in);
  opacity: 0.8;
}

.surface .card:nth-child(2)::after {
  position: absolute;
  top: 0.4in;
  right: 0.4in;
  width: 30%;
  height: 50%;
  content: "";
  background: black;
  filter: blur(0.6in);
  opacity: 0.7;
}

.card div {
  position: absolute;
  background: #eee;
  transform-origin: 50% 50%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.card .back {
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  transform: translateZ(-0.035in) rotateX(180deg);
}

.card .bottom {
  width: 3.485in;
  height: 0.035in;
  transform: rotateX(-90deg) translateZ(1in) translateX(-0.01in);
}

.card .top {
  width: 3.485in;
  height: 0.035in;
  transform: rotateX(90deg) translateZ(0.97in) translateX(-0.01in);
}

.card .left {
  width: 1.97in;
  height: 0.035in;
  transform: rotateX(-90deg) rotateY(-90deg) translateZ(1.75in)
    translateX(0.02in);
}

.card .right {
  width: 1.97in;
  height: 0.035in;
  transform: rotateX(-90deg) rotateY(90deg) translateZ(1.75in)
    translateX(-0.02in);
}

.surface .card:hover {
  outline: 0.04in solid white;
  outline-offset: 0.2in;
  transition: all 0.3s ease-in-out;
}

.surface .card .menu {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.surface .card .menu label {
  padding: 0.2in 0.25in;
  background: dodgerblue;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0.1in;
  text-decoration: none;
  font-size: 14pt;
  line-height: 28pt;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px,
    rgba(0, 0, 0, 0.22) 0px 15px 12px;
  transition: all 0.3s ease-in-out;
}

label:hover {
  cursor: pointer;
}

.surface .card .menu label:hover {
  background: #888;
  border-radius: 0.3in;
  font-size: 16pt;
  transition: all 0.3s ease-in-out;
}

.surface .card:hover .menu {
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

body > input {
  display: none;
}

body > img {
  position: fixed;
  align-self: flex-end;
  margin-bottom: 0.4in;
  height: 70%;
  width: auto;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px,
    rgba(0, 0, 0, 0.22) 0px 15px 12px;
  transition: all 0.3s ease-in-out;
}

.lightbox-backdrop {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}

#close-button {
  width: 0.6in;
  height: 0.6in;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 15%;
  background: white;
  border-radius: 0.1in;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px,
    rgba(0, 0, 0, 0.22) 0px 15px 12px;
  z-index: 2;
}

#close-button::after {
  position: absolute;
  width: 1.5in;
  height: auto;
  padding: 0.1in 0in;
  bottom: 110%;
  content: "TAP TO CLOSE";
  background: black;
  color: white;
  font-size: 12pt;
  line-height: 24pt;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0.1in;
}

#close-button svg {
  width: 80%;
  height: auto;
  fill: black;
  transition: all 0.2s ease-in-out;
}

#close-button:hover svg {
  transform: rotateZ(180deg);
  transition: all 0.2s ease-in-out;
}

#close-button,
#close-lbox:checked ~ img,
#close-lbox:checked ~ #close-button {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

body > input:checked ~ #close-button,
#bcard-1-img:checked ~ #bcard-1-ent,
#bcard-2-img:checked ~ #bcard-2-ent,
#bcard-3-img:checked ~ #bcard-3-ent,
#bcard-4-img:checked ~ #bcard-4-ent,
#bcard-5-img:checked ~ #bcard-5-ent,
#bcard-6-img:checked ~ #bcard-6-ent,
#bcard-1-img:checked ~ .lightbox-backdrop,
#bcard-2-img:checked ~ .lightbox-backdrop,
#bcard-3-img:checked ~ .lightbox-backdrop,
#bcard-4-img:checked ~ .lightbox-backdrop,
#bcard-5-img:checked ~ .lightbox-backdrop,
#bcard-6-img:checked ~ .lightbox-backdrop {
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.tooltip {
  position: fixed;
  top: 0.3in;
  right: 0.5in;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.tooltip p {
  color: white;
  font-size: 12pt;
  line-height: 24pt;
  font-weight: 500;
  text-shadow: 1px 1px 5px black;
  text-decoration: underline;
}

@media (max-height: 670px) {
  .surface {
    transform: rotateX(90deg) translateZ(-2.5in) translateY(-4in);
  }
  #close-button {
    top: 10%;
  }
}

@media (min-height: 590px) and (max-height: 670px) {
  .surface {
    transform: rotateX(90deg) translateZ(-2.5in) translateY(-2in);
  }
}

@media (max-height: 520px) {
  #close-button {
    top: 15%;
  }
  body > img {
    margin-bottom: 0px;
  }
}