tweak more image sizes

web/src/components/associations/AssociationHeader.tsx

@@ -33,7 +33,7 @@ export const AssociationHeader = ({
             alt={`Logoen til ${association.title}`}
             width={association.logo.width}
             height={association.logo.height}
-            sizes="100vw"
+            sizes="40vw"
             className={styles.logo}
           />
         )}

web/src/components/blocks/ContactEntityBlock.tsx

@@ -35,7 +35,7 @@ export const ContactEntityBlock = ({
             alt={contact.image.alt ?? ""}
             width={contact.image.width}
             height={contact.image.height}
-            sizes="10vw"
+            sizes="25vw"
             className={styles.portrait}
           />
         )}

web/src/components/blocks/FeaturedBlock.tsx

@@ -38,7 +38,7 @@ export const FeaturedBlock = ({
             alt={image.alt ?? ""}
             width={image.width}
             height={image.height}
-            sizes="20vw"
+            sizes="(max-width: 800px) 100vw, 50vw"
           />
         </div>
       )}

web/src/components/venues/VenueItem.tsx

@@ -26,7 +26,7 @@ export const VenueItem = ({ venue }: { venue: VenueFragment }) => {
             alt={featuredImage.alt}
             width={0}
             height={0}
-            sizes="20vw"
+            sizes="(max-width: 600px) 100vw, (max-width: 900xpx) 50vw, 35vw"
           />
         )}
       </div>