diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/CommitteeList/CommitteeListItem.astro | 18 |
1 files changed, 17 insertions, 1 deletions
diff --git a/src/components/CommitteeList/CommitteeListItem.astro b/src/components/CommitteeList/CommitteeListItem.astro index d026047..9a5a55b 100644 --- a/src/components/CommitteeList/CommitteeListItem.astro +++ b/src/components/CommitteeList/CommitteeListItem.astro @@ -19,7 +19,23 @@ const t = translate(locale); <li class="committee__member"> { committeeMember.img && ( - <img class="committee__member__img" src={committeeMember.img.src} alt="" /> + <img + class="committee__member__img" + srcset={` + ${committeeMember.img.width106.src} 106w, + ${committeeMember.img.width146.src} 146w, + ${committeeMember.img.width192.src} 192w, + ${committeeMember.img.width222.src} 222w + `} + sizes=" + (min-width: 120rem) 222px, + (min-width: 96rem) 146px, + (min-width: 64rem) 192px, + (min-width: 48rem) 222px, + 106px + " + alt="" + /> ) } <div class="committee__member__text"> |