File tree Expand file tree Collapse file tree 1 file changed +23
-1
lines changed Expand file tree Collapse file tree 1 file changed +23
-1
lines changed Original file line number Diff line number Diff line change @@ -2583,6 +2583,28 @@ button {
2583
2583
}
2584
2584
2585
2585
2586
+ /* Responsive image styling */
2587
+ .oshanki img {
2588
+ width : auto; /* Maintain aspect ratio */
2589
+ max-width : 100% ; /* Ensure the image does not overflow the container */
2590
+ height : auto; /* Adjust height proportionally */
2591
+ margin-top : 10px ; /* Initial downward shift */
2592
+ }
2593
+
2594
+ @media (max-width : 768px ) { /* For tablets and smaller devices */
2595
+ .oshanki img {
2596
+ max-width : 80% ; /* Resize image for smaller screens */
2597
+ margin-top : 15px ; /* Slightly increase downward shift for tablets */
2598
+ }
2599
+ }
2600
+
2601
+ @media (max-width : 480px ) { /* For phones */
2602
+ .oshanki img {
2603
+ max-width : 90% ; /* Further reduce image size for phones */
2604
+ margin-top : 20px ; /* Increase downward shift for compact screens */
2605
+ }
2606
+ }
2607
+
2586
2608
.footer-brand a {
2587
2609
color : # EBEFFA ;
2588
2610
font-family : 'Poppins' , sans-serif;
@@ -3513,4 +3535,4 @@ svg{
3513
3535
display : none;
3514
3536
}
3515
3537
3516
- }
3538
+ }
You can’t perform that action at this time.
0 commit comments