START KAJABI WITH BONUSES
Happy man, sitting on a couch with his laptop. He receive a surprise award while he is busy with an online course.
awesome blog creator demo gamification online course

Gaming Psychology: How to improve student motivation with Kajabi

Apr 22, 2024

Gamification not only enhances online student engagement but can also boost the information retained and increase student motivation. In the end the likelihood of students getting the results they hoped for, will greatly improve.

In this article, we delve into the gamification options for Kajabi offered by Gamify Pro: how can we maximize student motivation through their implementation?

This article is the second blog about Gaming Psychology. You can find it here:

Gaming Psychology: Why are games so addictive? >>

Gaming Psychology: Why are games so addictive?

Introduction

Despite good intentions and financial investment, most people who start a course never finish it. Over 90% of students never achieve their desired results, which means they miss out on the benefits intended by you as an online course creator.

It's a sobering truth, but there's hope for all us course creators: gamification! When used correctly, a gamified course can improve student performance by up to 89%! 

Gamify Pro is packed with various gamification options, but what exactly can we achieve with it? And how do we use it correctly to improve student motivation?

Happy woman receiving badges as token of appreciation, while following an online course.

The effect of Badges on student motivation

Badges serve as visual tokens of appreciation. When someone earns a badge, it triggers a little dopamine boost in their brain. The more appealing the badge, the bigger the dopamine boost. This creates a sense of pleasure and satisfaction, motivating students to earn more badges.

However, badges offer more than just a dopamine rush:

  • Badges fulfill the need for external validation. Students can share them within their own circle or in the community.
  • Greyed-out badges indicate progress and achievement, tapping into the psychological need for recognition.
  • Badges can also be used as surprise rewards, which have a stronger effect on dopamine release than expected rewards.
Proud woman showing her certificate after completion of an online course.

Why are Certificates important?

Certificates serve as the ultimate reward for progress and completion, regardless of the course's nature. The main psychological aspect of a certificate is the feeling of being acknowledged for our accomplishments. Additionally, certificates offer social proof of personal and professional growth, which can be shared not only on social media but also in printed form with family, friends, and colleagues.

Since Gamify Pro offers unlimited certificates, this functionality can also be used as a reward for completing parts of the course or modules. Furthermore, certificates can be transformed into something else like surprise rewards, such as downloadable PDFs.

So you have different ways to use the certificates feature, to improve student motivation. 

Expect the unexpected: The power of surprises

In gaming, unexpected surprises or rewards can significantly enhance a game's addictiveness. This is because our brains respond strongly to unpredictability and rewards. Dopamine, a neurotransmitter in our brains, plays a key role in our experience of pleasure and satisfaction. Recent studies show that dopamine is more active when we receive an unexpected reward. Game designers capitalize on this by giving rewards at random times, making games more interesting and addictive.

This design principle resonates with our natural curiosity and love for new experiences. Our brains are wired to pay attention to and remember anything new, which was advantageous in the past when unexpected things could be dangerous. Today, we are drawn to games that offer surprises and new experiences.

With this knowledge we can use surprises to boost student motivation and engagement. 

A man looking to his laptop in happy surprise, because he just receive an free surprise video as a reward.

What can you do with Gamify Cards?

When people think of gamification, they often think of badges and certificates, but Gamify Pro offers a powerful feature: Gamify Cards, also known as Easter Eggs. The versatility of Gamify Cards is its strength:

Achieving goals
  • Gamify Cards can be shown or hidden based on whether a student owns a specific offer.So you have 4 possibilities:
    • Show when the offer is owned
    • Do not show when offer is owned
    • Show when offer is not owned
    • Do not show when offer is not owned. 
  • They can be text, images, videos, buttons, or any combination of these.
  • Gamify Cards can be placed almost anywhere: above the dashboard, in the sidebar, or even in the navigation sidebar (Momentum).

We used different Gamify Cards in the Gamify Pro demo, each with another gamification purpose:

  • A locked treasure chest to entice students to unlock it and find out what is inside. When unlocked the Gamify Card is replaced with another image and a link. The hidden treasure chest taps into the need voor progress and achievement and upon opening it will release a boost of dopamine
  • A welcome video that disappears after the first lesson, creating focus in a the course. 
  • A surprise video appears after the student earns a mysterious badge, leveraging the power of surprise.

These Gamify Cards in the Gamify Pro demo, combined with a series of emails, create an extra layer of mystery and anticipation, enhancing excitement and curiosity and boosting student motivation. 

Closed Treasure Chest ready to be explored
Discover the Power of Gamification

Free Gamify Pro Demo!

Put on your adventure shoes and explore the transformative power of gamification for your courses or memberships. Experience firsthand our engaging gamification features and collect rewarding achievements 🏅 along the way.

Enter your email to begin your journey through the demo adventure.

     
     
     

How can Confetti boost dopamine?

Oh yes, it can! But do not overdo it.

Confetti is universally associated with happiness. It is not only the bright colors, but also the movement of the confetti particles that trigger your brain. With Gamify Pro, you can start a confetti boost for various reasons:

  • Celebrating progress and achievement, such as earning badges or certificates, or unlocking bonus content.
  • Creating a sense of surprise, for example, welcoming students to the course for the first time.

However, it's essential not to overuse confetti, as it can diminish the element of surprise and the associated dopamine release. 

Gaming Psychology: Conclusion

Gamification with Gamify Pro offers a powerful toolset to enhance student motivation, engagement, and achievement for online courses in Kajabi. By leveraging elements such as badges, certificates, Gamify Cards, and confetti, course creators can create an immersive and rewarding learning experience that captivates students and drives them towards success. Understanding the psychological principles behind gamification, such as the role of dopamine in reward anticipation and the appeal of unexpected surprises, empowers educators to design courses that resonate with learners and keep them coming back for more.

Gamify Pro

The Ultimate Gamification template to turn your Kajabi Courses or Membership into a learning adventure.

Discover Gamify Pro

With Gamify Pro, the possibilities for gamifying your Kajabi courses and memberships are endless. By incorporating these gamification techniques effectively, you can transform your course into a dynamic and engaging learning environment that inspires and motivates students to reach their full potential.

Ready to take your online course to the next level? Get started with Gamify Pro today and unlock the full potential of gamification in education!

Agnes and Bastiaan
Agnes & Bastiaan - Kajabi Experts

We love to create Kajabi tools and templates that bring forth new possibilities within Kajabi no-one though would be possible.

Are you looking to enhance the design, user experience, overall functionality or new ways to monetize your knowledge? Just explore our Kajabi Upgrades. 

#block-1707736503391 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1707736503391 .block { border: 4px black; border-radius: 4px; padding: 0px; padding: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { #block-1707736503391 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1707736503391 .block { padding: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } @media (max-width: 767px) { #block-1707736503391 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } #block-1713455592003 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1713455592003 .block { border: 4px black; border-radius: 4px; padding: 0px; padding: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { #block-1713455592003 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1713455592003 .block { padding: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } @media (max-width: 767px) { #block-1713455592003 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } #block-1713455597257 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1713455597257 .block { border: 4px black; border-radius: 4px; background-color: #d0c9e5; padding: 0px; padding: 0px; padding: 0px; padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { #block-1713455597257 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1713455597257 .block { padding: 0px; padding: 0px; padding: 0; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } } @media (max-width: 767px) { #block-1713455597257 { text-align: left; } } #block-1713455597257 .block { overflow: hidden; } #block-1707736554188 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1707736554188 .block { border: 4px black; border-radius: 4px; background-color: rgba(208, 201, 229, 0.5); padding: 0px; padding: 0px; padding: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } @media (min-width: 768px) { #block-1707736554188 { margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } #block-1707736554188 .block { padding: 0px; padding: 0px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } } @media (max-width: 767px) { #block-1707736554188 { text-align: left; } } #block-1707736554188 .accordion-title h5 { margin: 0; cursor: pointer; } #block-1707736554188 .accordion-body { padding-top: 24px; } #block-1707736554188 .accordion-title.collapsed:after { content: "\f105"; margin-left: 24px; } #block-1707736554188 .accordion-title:after { content: "\f107"; margin-left: 24px; color: #095959; } #block-1712662972723 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1712662972723 .block { border: 4px black; border-radius: 4px; padding: 0px; padding: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { #block-1712662972723 { margin-top: 20px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } #block-1712662972723 .block { padding: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } @media (max-width: 767px) { #block-1712662972723 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } #block-1707736532569 { padding: 0; } #block-1707736532569 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1707736532569 .block { border: 4px black; border-radius: 4px; background-color: rgba(208, 201, 229, 0.5); padding: 0px; padding: 0px; padding: 0px; padding-top: 015px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px; } @media (min-width: 768px) { #block-1707736532569 { margin-top: 20px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } #block-1707736532569 .block { padding: 0px; padding: 0px; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; } } @media (max-width: 767px) { #block-1707736532569 { text-align: left; } } #block-1707736532569 .image__image { max-width: 25%; border-radius: 4px; } #block-1707736532569 .image__image { float: left; margin-right: 15px; margin-bottom: 10px; } #block-1707736536597 { padding: 0; } #block-1707736536597 { margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1707736536597 .block { border: 4px black; border-radius: 4px; padding: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { #block-1707736536597 { margin-top: 20px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } #block-1707736536597 .block { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } } @media (max-width: 767px) { #block-1707736536597 { text-align: left; } } #block-1707736536597 .image__image { max-width: 25%; border-radius: 4px; } #block-1707736536597 .image__image { float: right; margin-left: 15px; margin-bottom: 10px; } #block-1707744166931 { padding: 0; } #block-1707744166931 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1707744166931 .block { border: 4px black; border-radius: 0px; background-color: rgba(208, 201, 229, 0.5); padding: 0px; padding: 0px; padding: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px; } @media (min-width: 768px) { #block-1707744166931 { margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1707744166931 .block { padding: 0px; padding: 0px; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; } } @media (max-width: 767px) { #block-1707744166931 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } #block-1712668184403 { padding: 0; } #block-1712668184403 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1712668184403 .block { border: 0px black; border-radius: 0px; background-color: rgba(208, 201, 229, 0.5); padding: 0px; padding: 0px; padding: 0; padding-top: 0px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (min-width: 768px) { #block-1712668184403 { margin-top: 0px; margin-right: 0px; margin-bottom: 020px; margin-left: 0px; } #block-1712668184403 .block { padding: 0px; padding: 0; padding-top: 0px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } } @media (max-width: 767px) { #block-1712668184403 { text-align: ; } } #block-1712668184403 .block, [data-slick-id="1712668184403"] .block { display: flex; justify-content: flex-start; } #block-1712668184403 .image, [data-slick-id="1712668184403"] .image { width: 100%; overflow: hidden; border-radius: 0px; } #block-1712668184403 .image__image, [data-slick-id="1712668184403"] .image__image { width: 100%; } #block-1712668184403 .image__overlay, [data-slick-id="1712668184403"] .image__overlay { opacity: 0; background-color: #fff; border-radius: 0px; } #block-1712668184403 .image__overlay-text, [data-slick-id="1712668184403"] .image__overlay-text { color: !important; } @media (min-width: 768px) { #block-1712668184403 .block, [data-slick-id="1712668184403"] .block { display: flex; justify-content: flex-start; } #block-1712668184403 .image__overlay, [data-slick-id="1712668184403"] .image__overlay { opacity: 0; } #block-1712668184403 .image__overlay:hover { opacity: 1; } } #block-1707736656167 { padding: 0; } #block-1707736656167 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1707736656167 .block { border: 4px black; border-radius: 4px; padding: 0px; padding: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { #block-1707736656167 { margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1707736656167 .block { padding: 0px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; } } @media (max-width: 767px) { #block-1707736656167 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } #block-1713524229700 { padding: 0; } #block-1713524229700 { margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1713524229700 .block { border: 4px black; border-radius: 4px; padding: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { #block-1713524229700 { margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } #block-1713524229700 .block { padding-top: 0px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } } @media (max-width: 767px) { #block-1713524229700 { text-align: left; } } #block-1713524229700 .image__image { max-width: 40%; border-radius: 4px; } #block-1713524229700 .image__image { float: right; margin-left: 15px; margin-bottom: 10px; } #block-1712664147537 { padding: 0; } #block-1712664147537 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1712664147537 .block { border: 4px black; border-radius: 0px; background-color: rgba(123, 140, 100, 0.25); padding: 0px; padding: 0px; padding: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px; } @media (min-width: 768px) { #block-1712664147537 { margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1712664147537 .block { padding: 0px; padding: 0px; padding-top: 25px; padding-right: 25px; padding-bottom: 0px; padding-left: 25px; } } @media (max-width: 767px) { #block-1712664147537 { text-align: left; } } #block-1712664147537 .image__image { max-width: 45%; border-radius: 4px; } #block-1712664147537 .image__image { float: right; margin-left: 15px; margin-bottom: 10px; } #block-1711550344311 { padding: 0; } #block-1711550344311 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1711550344311 .block { border: 4px black; border-radius: 0px; background-color: rgba(123, 140, 100, 0.25); padding: 0px; padding: 0px; padding-top: 0px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (min-width: 768px) { #block-1711550344311 { margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } #block-1711550344311 .block { padding: 0px; padding-top: 0px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; } } @media (max-width: 767px) { #block-1711550344311 { text-align: center; } } #block-1711550344311 .form-btn { border-color: #095959; border-radius: 4px; background: #095959; color: #ffffff; } #block-1711550344311 .btn--outline { color: #095959; background: transparent; } #block-1711550344311 .disclaimer-text { font-size: 16px; margin-top: 1.25rem; margin-bottom: 0; color: #888; } .parsley-errors-list {display: none;} #block-1713524517989 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1713524517989 .block { border: 4px black; border-radius: 4px; padding: 0px; padding: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { #block-1713524517989 { margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1713524517989 .block { padding: 0px; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; } } @media (max-width: 767px) { #block-1713524517989 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } #block-1713794350747 { padding: 0; } #block-1713794350747 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1713794350747 .block { border: 4px black; border-radius: 0px; padding: 0px; padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { #block-1713794350747 { margin-top: 0px; margin-right: 0px; margin-bottom: 50px; margin-left: 0px; } #block-1713794350747 .block { padding: 0; padding-top: 0px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } } @media (max-width: 767px) { #block-1713794350747 { text-align: ; } } #block-1713794350747 .block, [data-slick-id="1713794350747"] .block { display: flex; justify-content: flex-start; } #block-1713794350747 .image, [data-slick-id="1713794350747"] .image { width: 100%; overflow: hidden; width: An image of golden confetti and a spotlight. px; border-radius: 0px; } #block-1713794350747 .image__image, [data-slick-id="1713794350747"] .image__image { width: 100%; width: An image of golden confetti and a spotlight. px; } #block-1713794350747 .image__overlay, [data-slick-id="1713794350747"] .image__overlay { opacity: 0; background-color: #fff; border-radius: 0px; } #block-1713794350747 .image__overlay-text, [data-slick-id="1713794350747"] .image__overlay-text { color: !important; } @media (min-width: 768px) { #block-1713794350747 .block, [data-slick-id="1713794350747"] .block { display: flex; justify-content: flex-start; } #block-1713794350747 .image__overlay, [data-slick-id="1713794350747"] .image__overlay { opacity: 0; } #block-1713794350747 .image__overlay:hover { opacity: 1; } } #block-1711551105589 { padding: 0; } #block-1711551105589 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1711551105589 .block { border: 0px black; border-radius: 4px; background-color: rgba(208, 201, 229, 0.5); padding: 0px; padding: 0px; padding: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (min-width: 768px) { #block-1711551105589 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1711551105589 .block { padding: 0px; padding: 0px; padding-top: 25px; padding-right: 25px; padding-bottom: 0px; padding-left: 25px; } } @media (max-width: 767px) { #block-1711551105589 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } #block-1713533762694 { padding: 0; } #block-1713533762694 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1713533762694 .block { border: 4px black; border-radius: 0px; background-color: #d0c9e5; padding: 0px; padding: 0px; padding: 0px; padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { #block-1713533762694 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1713533762694 .block { padding: 0px; padding: 0px; padding: 0; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } } @media (max-width: 767px) { #block-1713533762694 { text-align: left; } } #block-1713533762694 .btn { border-color: #095959; border-radius: 4px; background: #095959; color: #ffffff; } #block-1713533762694 .btn--outline { background: transparent; color: #095959; } #block-1713533762694 .card__footer { color: } #block-1713533704264 { padding: 0; } #block-1713533704264 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1713533704264 .block { border: 4px black; border-radius: 0px; background-color: rgba(208, 201, 229, 0.5); padding: 0px; padding: 0px; padding: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (min-width: 768px) { #block-1713533704264 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1713533704264 .block { padding: 0px; padding: 0px; padding-top: 0px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; } } @media (max-width: 767px) { #block-1713533704264 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } #block-1707744274609 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1707744274609 .block { border: 1px solid #ECF0F1; border-radius: 10px; padding: 0px; padding: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (min-width: 768px) { #block-1707744274609 { margin-top: 50px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1707744274609 .block { padding: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } } @media (max-width: 767px) { #block-1707744274609 { text-align: center; } } #block-1707744274609 .feature__image, [data-slick-id="1707744274609"] .feature__image { width: 100px; border-radius: 100px; } .authorfeature { display: flex; align-items: flex-start; position: relative; } .authorfeature__image-container { flex-shrink: 0; margin-right: 20px; } .authorfeature__image { max-width: 150px; height: auto; } .authorfeature__content { flex-grow: 1; } @media (max-width: 767px) { #block-1707744274609 .authorfeature { flex-direction: column; align-items: center; } #block-1707744274609 .authorfeature__image-container { margin-right: 0; } } .awesomecontainer .row .block-type--accordion { align-self: flex-start; }

Let us know what you think