Update assets/css/custom_style.css

assets/css/custom_style.css

@@ -133,3 +133,28 @@ input[type='radio'] { visibility: hidden; display: none; }
 .highlight {
     background-color: yellow;
 }
+
+/* 容器样式 */
+  .image-container {
+    display: flex; /* 使用 flexbox 实现并排布局 */
+    justify-content: space-around; /* 图片之间留有间距 */
+    align-items: center; /* 垂直居中对齐 */
+    gap: 20px; /* 设置图片之间的间距 */
+    margin: 20px;
+  }
+
+  /* 图片样式 */
+  .image-container img {
+    max-width: 45%; /* 每张图片占容器宽度的 45% */
+    height: auto; /* 保持图片比例 */
+    border: 1px solid #ccc; /* 添加边框 */
+    border-radius: 8px; /* 圆角效果 */
+  }
+
+  /* 标题样式 */
+  .image-container figcaption {
+    text-align: center; /* 标题居中 */
+    font-size: 16px; /* 字体大小 */
+    margin-top: 10px; /* 标题与图片之间的间距 */
+    color: #333; /* 文字颜色 */
+  }