image removal and proper text displayed

src/assets/css/main.css

@@ -3227,9 +3227,6 @@ p {
   background: linear-gradient(135deg, #d8aaff 0%, #9b2cfa 100%);
 }
 
-.modern_ui_section{
-  margin-top: 100px;
-}
 .appie-modern-design .icon i {
   height: 26px;
   width: 26px;
@@ -3242,12 +3239,19 @@ p {
   box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);
 }
 
+/* .modern_ui_section{
+  margin-top: 100px;
+} */
+.modern_ui_section .section_sub_title{
+  font-size: 30px;
+  color: purple;
+}
 .modern_ui_section .ui_images{
   border-radius: 100%;
   background-color: #fff;
-  width: auto;
-  height: auto;
-  padding: 30px 0;
+  width: 500px;
+  height: 500px;
+  /* padding: 30px 0; */
 }
 .modern_ui_section .right_img{
   left: -60px;
@@ -3264,12 +3268,16 @@ p {
   height: auto;
 }
 .modern_ui_section .right_img .right_img_two{
-  margin-top: -20px !important;
+  /* margin-top: -20px; */
 }
 .modern_ui_section .right_img .right_img_three{
   left: -20px;
 }
 @media only screen and (min-width: 0px) and (max-width: 500px) {
+  .modern_ui_section .ui_images{
+    width: 300px;
+    height: 300px;
+  }
   .modern_ui_section .right_img{
     left: -30px;
     top: -20px;