diff --git a/src/components/customerCases/customerCase/featuredCases/FeaturedCases.tsx b/src/components/customerCases/customerCase/featuredCases/FeaturedCases.tsx
index c4eb01f92..ef47c8688 100644
--- a/src/components/customerCases/customerCase/featuredCases/FeaturedCases.tsx
+++ b/src/components/customerCases/customerCase/featuredCases/FeaturedCases.tsx
@@ -21,7 +21,7 @@ export default function FeaturedCases({
return (
featuredCases.length > 0 && (
-
{t("featured_cases.projects")}
+
{t("featured_cases.projects")}
{featuredCases.map((featuredCase) => (
-
{featuredCase.basicTitle}
-
{featuredCase.description}
+
+ {featuredCase.basicTitle}
+ {featuredCase.description}
+
))}
diff --git a/src/components/customerCases/customerCase/featuredCases/featuredCases.module.css b/src/components/customerCases/customerCase/featuredCases/featuredCases.module.css
index 2e43ef615..f02709ecf 100644
--- a/src/components/customerCases/customerCase/featuredCases/featuredCases.module.css
+++ b/src/components/customerCases/customerCase/featuredCases/featuredCases.module.css
@@ -1,7 +1,7 @@
.wrapper {
display: flex;
flex-direction: column;
- gap: var(--padding-s);
+ gap: var(--padding-rem);
margin: 4rem auto;
width: 100%;
max-width: var(--max-content-width-medium);
@@ -28,11 +28,19 @@
}
.caseImageWrapper img {
- border-radius: 1.5rem;
+ border-radius: 0.375rem;
transition: all 0.3s ease;
+ opacity: 0.8;
width: 100%;
&:hover {
- border-radius: 0.375rem;
+ opacity: 1;
+ border-radius: 1.5rem;
}
}
+
+.textContent {
+ display: flex;
+ flex-direction: column;
+ gap: 0.25rem;
+}
diff --git a/src/components/customerCases/customerCase/sections/customerCaseConsultants/CustomerCaseConsultants.tsx b/src/components/customerCases/customerCase/sections/customerCaseConsultants/CustomerCaseConsultants.tsx
index 980150d1a..0970b56c7 100644
--- a/src/components/customerCases/customerCase/sections/customerCaseConsultants/CustomerCaseConsultants.tsx
+++ b/src/components/customerCases/customerCase/sections/customerCaseConsultants/CustomerCaseConsultants.tsx
@@ -29,7 +29,7 @@ export default async function CustomerCaseConsultants({
return (
-
{t("in_project")}
+
{t("in_project")}
{consultants.map((consultant) => (