LIL-522 В блоке создания урока/школы "текст + фото" искажаются изображения с вертикальной ориентацией

apps/course/templates/course/content/imagetext.html

@@ -4,7 +4,11 @@
 
     <div class="lessons__item">
       <div class="lessons__row">
-        <div class="lessons__preview"><img class="lessons__pic" style="display: block;border-radius:50%;width:130px;height: 130px" src="{{ content.img.image.url }}"></div>
+        <div class="lessons__preview">
+          <div class="lessons__pic-wrapper">
+            <img class="lessons__pic" src="{{ content.img.image.url }}">
+          </div>
+        </div>
         <div class="lessons__content">{{ content.txt | safe }}</div>
       </div>
     </div>

apps/course/templates/course/course_only_lessons.html

@@ -184,7 +184,9 @@
             <div class="lessons__row">
               {% if lesson.cover %}
               <div class="lessons__preview">
-                <img class="lessons__pic" src="{{ lesson.cover.image.url }}">
+                <div class="lessons__pic-wrapper">
+                  <img class="lessons__pic" src="{{ lesson.cover.image.url }}">
+                </div>
               </div>
               {% endif %}
               <div class="lessons__content">{{ lesson.short_description | truncatechars_html:800 | safe }}</div>

web/src/sass/_common.sass

@@ -2648,8 +2648,15 @@ a.grey-link
     flex: 0 0 140px
     +m
       display: none
+  &__pic-wrapper
+    width: 130px;
+    height: 130px;
+    border-radius: 50%;
+    overflow: hidden;
   &__pic
-    display: block
+    top: 50%;
+    position: relative;
+    transform: translateY(-50%);
     width: 100%
   &__content
     flex: 0 0 calc(100% - 165px)