.grid-container-3 {
   --grid-layout-gap: 10px;
   --grid-column-count: 3;
   --grid-item--min-width: 250px;

   --gap-count: calc(var(--grid-column-count) - 1);
   --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
   --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));

   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
   grid-gap: var(--grid-layout-gap);
   }


.grid-container-3 .grid-btn {
   background-color: #74AF61;
   color: #fff;
   display: inline-block;
   font-weight: bold;
   text-align: center;
   width: 100px;
   }
.grid-container-3 .grid-btn a {
   color: #fff;
   }

.grid-container-3 .grid-item, .grid-container-3 .grid-item-image, select {
   align-items: center;
   font-size: 13px;
   justify-content: center;
   min-height: 50px;
   position: relative;
   width: 100%;
   }

.grid-container-3 .grid-item-image img {
   width: 100%;
   }

.grid-container-3 .grid-item h5 {
   line-height: normal;
   }

.grid-item-youtube {
   position: relative;
   overflow: hidden;
   width: 100%;
   }

.responsive-iframe {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   width: 100%;
   height: 100%;
   }