Update custom css so that the edges of all images are rounded (instea…

…d of harsh boxes). With 10px rounding, this effect will not be as apparent with images with white along the border
coastal-science · Dec 16, 2024 · c0909c7 · c0909c7
1 parent 7787de2
commit c0909c7
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/static/css/owl.carousel.centered.customers.css b/static/css/owl.carousel.centered.customers.css
@@ -47,7 +47,9 @@ Text wrapping
 img {
   height: 100%;
   width: 100%;
-  object-fit: contain;
+  object-fit: cover;
+  border-radius: 10px;
+  overflow: hidden;
 }
 
 .fig-caption {
@@ -153,6 +155,10 @@ Carousel text overlay over image
 .application-image img {
   max-width: 100%; /* Ensures the image is responsive */
   height: auto;
+  border-radius: 10px;
+  object-fit: cover;
+  overflow: hidden;
+
 }
 
 figure img.custom-image {