Remove aspect ratio on cropper, limit to max-height 2000px

- discussed it today's internal meeting and agreed upon with
@alina-beck, @Tirokk, @ogerly, @datenbrei, Dennis Hack

- max-height was a suggestion and can be changed at any time

webapp/components/ContributionForm/ContributionForm.vue

@@ -1,5 +1,4 @@
 <template>
-  <ds-container width="medium">
   <ds-form ref="contributionForm" v-model="form" :schema="formSchema">
     <template slot-scope="{ errors }">
       <hc-teaser-image :contribution="contribution" @addTeaserImage="addTeaserImage">
@@ -69,7 +68,6 @@
       </ds-card>
     </template>
   </ds-form>
-  </ds-container>
 </template>
 
 <script>

webapp/components/PostCard/index.vue

@@ -134,7 +134,7 @@ export default {
 <style lang="scss" scoped>
 .ds-card-image img {
   width: 100%;
-  max-height: 300px;
+  max-height: 2000px;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: center;

webapp/components/TeaserImage/TeaserImage.vue

@@ -110,7 +110,7 @@ export default {
       image.src = URL.createObjectURL(file)
       editor.appendChild(image)
       // Create Cropper.js and pass image
-      let cropper = new Cropper(image, { aspectRatio: 1.25 / 1 })
+      let cropper = new Cropper(image, {})
     },
     dropzoneDrop() {
       let cropOverlay = document.querySelectorAll('.crop-overlay')[0]

webapp/pages/post/_id/_slug/index.vue

@@ -200,7 +200,7 @@ export default {
 
     .ds-card-image {
       img {
-        max-height: 710px;
+        max-height: 2000px;
         object-fit: cover;
         object-position: center;
       }

webapp/pages/post/_id/_slug/more-info.vue

@@ -87,9 +87,5 @@ export default {
 <style lang="scss">
 .related-post {
   box-shadow: $box-shadow-base;
-
-  .ds-card-image {
-    max-height: 80px;
-  }
 }
 </style>