Добавить static/css/custom.css

static/css/custom.css

@@ -0,0 +1,32 @@
+/* Ограничение максимального размера всех изображений */
+main img {
+    max-width: 100%;
+    height: auto;
+    display: block;
+    margin: 20px auto;
+    border-radius: 4px;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+}
+
+/* Специальные классы для управления размером */
+.img-left {
+    float: left;
+    max-width: 300px;
+    margin: 0 20px 20px 0;
+}
+
+.img-right {
+    float: right;
+    max-width: 300px;
+    margin: 0 0 20px 20px;
+}
+
+.img-center {
+    max-width: 500px;
+    margin: 20px auto;
+}
+
+.img-thumbnail {
+    max-width: 150px;
+    border: 2px solid #ddd;
+}