fix: CSS volunteer display on mobile

col-4 causes volunteer images to overlap on smaller screens
we need col-lg-4 so it's only applied on larger screens

Author: phette23

conduct/index.html

@@ -186,7 +186,7 @@ <h3>On-Site Community Support Volunteers</h3>
                             <div class="row">
                               {% assign onsite_volunteers = site.data.community-support | where:"onsite","true" | sort: 'last'%}
                                 {% for volunteer in onsite_volunteers %}
-                                <div class="col-4">
+                                <div class="col-lg-4">
                                     <div class="speaker-box text-center">
                                         <div class="speaker-box-inner">
 											<div class="speaker-mini">
@@ -219,7 +219,7 @@ <h3>Online Community Support Volunteers</h3>
 
                           {% assign online_volunteers = site.data.community-support | where:"online","true" | sort: 'last'%}
                           {% for volunteer in online_volunteers %}
-                            <div class="col-4">
+                            <div class="col-lg-4">
                                     <div class="speaker-box text-center">
                                         <div class="speaker-box-inner">
 											<div class="speaker-mini">