Responsive Test - aspect-ratio maintains square shape
100% width in non-square containers
%20--%3e%3csvg%20width='1148.1566'%20height='1626.7194'%20viewBox='0%200%201148.1566%201626.7194'%20version='1.1'%20id='svg1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:svg='http://www.w3.org/2000/svg'%3e%3cdefs%20id='defs1'%3e%3cfilter%20style='color-interpolation-filters:sRGB'%20id='filter2'%20x='-0.35644'%20y='-0.13903579'%20width='1.6523672'%20height='1.2780716'%3e%3cfeGaussianBlur%20stdDeviation='44.27207'%20id='feGaussianBlur2'%20/%3e%3c/filter%3e%3c/defs%3e%3cg%20id='layer1'%20transform='translate(-421.35417,-37.096423)'%3e%3cg%20id='g1'%20transform='translate(253.40376,284.58137)'%20style='display:inline'%3e%3cg%20id='g8'%20style='display:inline'%3e%3cpath%20id='path2'%20d='M%201052.0206,-70.521304%20415.62473,565.8747%20l%20636.39587,636.396%20m%200,-141.421%20A%20200.0002,200.0002%200%200%200%20769.1778,778.00671%20m%20-141.42104,141.421%20a%20200,200%200%200%200%200,282.84299'%20style='display:inline;opacity:0.7;mix-blend-mode:normal;fill:none;stroke:%23000000;stroke-width:200;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(%23filter2)'%20/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
%20--%3e%3csvg%20width='1375.7469'%20height='1375.7469'%20viewBox='0%200%201375.7469%201375.7469'%20version='1.1'%20id='svg1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:svg='http://www.w3.org/2000/svg'%3e%3cdefs%20id='defs1'%3e%3cfilter%20style='color-interpolation-filters:sRGB'%20id='filter3'%20x='-0.10799999'%20y='-0.108'%20width='1.216'%20height='1.216'%3e%3cfeGaussianBlur%20stdDeviation='50.911691'%20id='feGaussianBlur3'%20/%3e%3c/filter%3e%3c/defs%3e%3cg%20id='layer1'%20transform='translate(-122.54569,-162.64743)'%3e%3cg%20id='g1'%20transform='translate(253.40376,284.58137)'%20style='display:inline'%3e%3cg%20id='g8'%20style='display:inline'%3e%3crect%20style='opacity:0.7;fill:%23ffffff;fill-opacity:1;stroke:%23ffffff;stroke-width:0;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(%23filter3)'%20id='rect2'%20width='1131.371'%20height='1131.3708'%20x='-8.6700182'%20y='0.25409326'%20/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
%20--%3e%3csvg%20width='935.01953'%20height='1414.2136'%20viewBox='0%200%20935.01953%201414.2136'%20version='1.1'%20id='svg1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:svg='http://www.w3.org/2000/svg'%3e%3cdefs%20id='defs1'%20/%3e%3cg%20id='layer1'%20transform='translate(-527.92273,-143.3493)'%3e%3cg%20id='g1'%20transform='translate(253.40376,284.58137)'%20style='display:inline'%3e%3cg%20id='g8'%20style='display:inline'%3e%3cpath%20id='path1'%20d='m%201305.7402,214.05999%20-636.39613,636.3961%20636.39613,636.39611%20m%20-0.7071,-140.7143%20a%20200,200%200%200%200%20-282.8427,-282.8427%20m%20-140.00713,140.0071%20a%20200,200%200%200%200%200,282.8427'%20style='display:inline;fill:none;stroke:%23ffffff;stroke-width:200;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1'%20transform='translate(-253.40376,-284.58137)'%20/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
Wide container (400x200px) - Logo stays square
Tall container (200x400px) - Logo stays square
Square container (300x300px) - Perfect fit
Different bounding boxes at 100%
Square bounding
Default bounding
Encircled bounding