Remove restriction on floated images being max 33% of document width

closes OLN-354

shared/editor/components/Image.tsx

@@ -33,9 +33,7 @@ const Image = (props: Props) => {
     document.body.querySelector("#full-width-container")
   );
   const documentBounds = props.view.dom.getBoundingClientRect();
-  const maxWidth = layoutClass
-    ? documentBounds.width / 3
-    : documentBounds.width;
+  const maxWidth = documentBounds.width;
   const { width, height, setSize, handlePointerDown, dragging } = useDragResize(
     {
       width: node.attrs.width ?? naturalWidth,

shared/editor/components/Styles.ts

@@ -529,7 +529,6 @@ iframe.embed {
 
 .image-right-50 {
   float: right;
-  width: 33.3%;
   margin-left: 2em;
   margin-bottom: 1em;
   clear: initial;
@@ -537,7 +536,6 @@ iframe.embed {
 
 .image-left-50 {
   float: left;
-  width: 33.3%;
   margin-right: 2em;
   margin-bottom: 1em;
   clear: initial;