diff --git a/src/components/BoxContainer.astro b/src/components/BoxContainer.astro
index 7533faa..4c4cf1f 100644
--- a/src/components/BoxContainer.astro
+++ b/src/components/BoxContainer.astro
@@ -6,7 +6,7 @@ import Button from "./ui/Button.astro";
 const background = props.bgImage || props.bgColor;
 
 ---
-<div style={{ background: props.bgImage ? `url('${props.bgImage}') center/cover no-repeat` : props.bgColor }} class={`aspect-square bg-cover py-12 px-16 flex flex-col justify-evenly`}>
+<div style={{ background: props.bgImage ? `url('${props.bgImage}') center no-repeat; background-size:680px;` : props.bgColor }} class={`aspect-square py-12 px-16 flex flex-col justify-evenly`}>
 
      <div class="flex flex-col gap-6">
         {props.hasIcon && (
diff --git a/src/components/section/InfoSection.astro b/src/components/section/InfoSection.astro
index a0827ea..efcee0c 100644
--- a/src/components/section/InfoSection.astro
+++ b/src/components/section/InfoSection.astro
@@ -9,7 +9,7 @@ const { bgColor, titleColor, textColor, title, text } = Astro.props;
 <div class="container mx-auto">
     <div class="grid grid-cols-3">
         { infoboxes.map((box) => (
-            <BoxContainer  props={box} />    
+            <BoxContainer props={box} />    
         ))}
     </div>
     <div class="grid grid-cols-3 h-auto bg-white w-full">