diff --git a/src/assets/images/backgrounds/team_challenge_bg.png b/src/assets/images/backgrounds/team_challenge_bg.png
new file mode 100644
index 0000000000..c4b7674077
Binary files /dev/null and b/src/assets/images/backgrounds/team_challenge_bg.png differ
diff --git a/src/graphql/query/portfolioQuery.graphql b/src/graphql/query/portfolioQuery.graphql
new file mode 100644
index 0000000000..4302a2ea2f
--- /dev/null
+++ b/src/graphql/query/portfolioQuery.graphql
@@ -0,0 +1,27 @@
+query portfolioQuery {
+	my {
+		id
+		teams (
+			limit: 100
+		) {
+			values {
+				id
+				team {
+					id
+					name
+					teamPublicId
+				}
+			}
+		}
+	}
+	general {
+		team_challenge_enable: uiConfigSetting(key: "portfolio_team_challenge_enable") {
+			key
+			value
+		}
+		challenge_allowed_teams: uiConfigSetting(key: "portfolio_challenge_allowed_teams") {
+			key
+			value
+		}
+	}
+}
diff --git a/src/pages/Portfolio/ImpactDashboard/ImpactDashboardPage.vue b/src/pages/Portfolio/ImpactDashboard/ImpactDashboardPage.vue
index 703c87eee7..ee616831a3 100644
--- a/src/pages/Portfolio/ImpactDashboard/ImpactDashboardPage.vue
+++ b/src/pages/Portfolio/ImpactDashboard/ImpactDashboardPage.vue
@@ -6,8 +6,15 @@
 		<kv-page-container>
 			<kv-grid class="tw-grid-cols-12 tw--mx-2.5 md:tw-mx-0">
 				<the-portfolio-tertiary-menu class="tw-pt-2 tw-col-span-3 tw-hidden md:tw-block" />
-				<div class="tw-col-span-12 md:tw-col-span-9 tw-pt-3">
-					<account-overview />
+				<div
+					class="tw-col-span-12 md:tw-col-span-9"
+					:class="{ 'tw-pt-3' : !showTeamChallenge }"
+				>
+					<team-challenge
+						v-if="showTeamChallenge"
+						:allowed-teams="allowedTeams"
+					/>
+					<account-overview :class="{ 'tw-pt-2' : showTeamChallenge }" />
 					<lending-insights />
 					<recent-loans-list />
 					<your-donations />
@@ -27,6 +34,8 @@ import WwwPage from '@/components/WwwFrame/WwwPage';
 import TheMyKivaSecondaryMenu from '@/components/WwwFrame/Menus/TheMyKivaSecondaryMenu';
 import ThePortfolioTertiaryMenu from '@/components/WwwFrame/Menus/ThePortfolioTertiaryMenu';
 import { gql } from '@apollo/client';
+import { readBoolSetting } from '@/util/settingsUtils';
+import portfolioQuery from '@/graphql/query/portfolioQuery.graphql';
 import KvGrid from '~/@kiva/kv-components/vue/KvGrid';
 import KvPageContainer from '~/@kiva/kv-components/vue/KvPageContainer';
 import AccountOverview from './AccountOverview';
@@ -38,6 +47,7 @@ import RecentLoansList from './RecentLoansList';
 import YourTeams from './YourTeams';
 import EducationModule from './EducationModule';
 import YourDonations from './YourDonations';
+import TeamChallenge from './TeamChallenge';
 
 export default {
 	name: 'ImpactDashboardPage',
@@ -56,13 +66,22 @@ export default {
 		ThePortfolioTertiaryMenu,
 		WwwPage,
 		YourTeams,
-		YourDonations
+		YourDonations,
+		TeamChallenge,
 	},
 	data() {
 		return {
-			post: null
+			post: null,
+			showTeamChallenge: false,
+			teamsChallengeEnable: false,
+			allowedTeams: [],
 		};
 	},
+	apollo: {
+		async preFetch(config, client) {
+			return client.query({ query: portfolioQuery });
+		},
+	},
 	methods: {
 		loadEducationPost() {
 			// Donation Education Module Experiment MARS-497
@@ -83,6 +102,18 @@ export default {
 			});
 		}
 	},
+	created() {
+		const portfolioQueryData = this.apollo.readQuery({ query: portfolioQuery });
+		const teamsChallengeEnable = readBoolSetting(portfolioQueryData, 'general.team_challenge_enable.value');
+		const userTeams = portfolioQueryData.my?.teams?.values ?? [];
+		let allowedTeamsSettings = portfolioQueryData.general?.challenge_allowed_teams?.value ?? '';
+		allowedTeamsSettings = JSON.parse(allowedTeamsSettings);
+		this.allowedTeams = userTeams.filter(t => {
+			return allowedTeamsSettings.includes(t.team.teamPublicId);
+		});
+
+		this.showTeamChallenge = teamsChallengeEnable && this.allowedTeams.length > 0;
+	},
 	mounted() {
 		this.loadEducationPost();
 	}
diff --git a/src/pages/Portfolio/ImpactDashboard/TeamChallenge.vue b/src/pages/Portfolio/ImpactDashboard/TeamChallenge.vue
new file mode 100644
index 0000000000..3e928dfe15
--- /dev/null
+++ b/src/pages/Portfolio/ImpactDashboard/TeamChallenge.vue
@@ -0,0 +1,106 @@
+<template>
+	<section>
+		<div
+			v-for="(teamData, index) in allowedTeams" :key="teamData.team.teamPublicId"
+			class="
+                md:tw-mb-3 tw-px-2 tw-pb-4 md:tw-px-0 md:tw-pb-0
+                tw-bg-desert-rose-3 md:tw-bg-transparent tw-drop-shadow-lg
+			"
+			:class="{ 'tw-pt-2' : index < 1 }"
+		>
+			<div class="tw-rounded">
+				<div class="tw-rounded-t tw-bg-cover tw-bg-center tw-bg-no-repeat tw-bg-white team-challenge">
+					<!-- eslint-disable-next-line max-len -->
+					<div class="tw-pt-3 tw-px-2 tw-pb-1 md:tw-bg-white tw-rounded-tl tw-rounded-br tw-grow-0 team-challenge-headline">
+						<span
+							class="tw-bg-desert-rose-3 tw-w-auto tw-rounded tw-text-white tw-italic tw-text-small"
+							style="padding: 4px 6px; font-weight: 700;"
+						>
+							New! Community Challenge
+						</span>
+						<h2 class="tw-text-h2 tw-mt-1">
+							The {{ teamData.team.name }} Community Challenge has started!
+						</h2>
+					</div>
+				</div>
+				<div class="tw-bg-white tw-rounded-b tw-p-2 tw-flex tw-flex-col lg:tw-flex-row md:tw-gap-x-8">
+					<p
+						class="tw-text-base tw-mb-3"
+						style="font-weight: 600;"
+					>
+						Join hundreds of {{ teamData.team.name }} members participating!
+					</p>
+					<div class="tw-w-full tw-min-w-1/2 lg:tw-w-auto">
+						<!-- eslint-disable-next-line max-len -->
+						<button @click="goToChallenge(teamData.team)" class="tw-bg-marigold tw-rounded tw-flex tw-w-full tw-justify-center tw-items-center tw-px-2 tw-py-1.5 tw-font-medium tw-gap-x-0.5 tw-whitespace-nowrap">
+							Give your team a hand
+							<kv-material-icon
+								class="tw-w-2.5 tw-h-2.5"
+								:icon="mdiArrowRight"
+							/>
+						</button>
+					</div>
+				</div>
+			</div>
+		</div>
+	</section>
+</template>
+
+<script>
+import { mdiArrowRight } from '@mdi/js';
+import KvMaterialIcon from '~/@kiva/kv-components/vue/KvMaterialIcon';
+
+export default {
+	name: 'TeamChallenge',
+	components: {
+		KvMaterialIcon,
+	},
+	props: {
+		allowedTeams: {
+			type: Array,
+			default: () => []
+		}
+	},
+	data() {
+		return {
+			mdiArrowRight,
+		};
+	},
+	methods: {
+		goToChallenge(team) {
+			this.$kvTrackEvent('portfolio', 'click', 'Join challenge', `${team.name}`);
+			window.location.href = `/team/${team.teamPublicId}/messages`;
+		}
+	},
+};
+</script>
+
+<style scoped lang="postcss">
+	.team-challenge {
+		background-image: url('~@/assets/images/backgrounds/team_challenge_bg.png');
+		background-position-y: 80px;
+		min-height: 50vh;
+	}
+
+	@screen md {
+		.team-challenge {
+			background-position-y: 80px;
+			min-height: 350px;
+		}
+
+		.team-challenge-headline {
+			max-width: 300px;
+		}
+	}
+
+	@screen lg {
+		.team-challenge {
+			background-position-y: 50px;
+			min-height: 420px;
+		}
+
+		.team-challenge-headline {
+			max-width: 350px;
+		}
+	}
+</style>