.aci-members-container img {
  width: 100%;
  height: auto;
}

.aci-members-container .aci-active-members-container-parent {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 450px;
}

.aci-members-container .aci-active-members-container-parent .aci-active-member-container {
  padding: 20px;
}

.aci-members-container .aci-active-members-container-parent .aci-active-member-container img {
    display: block;
    margin: 0 auto;
  width: auto;
  min-width: 300px;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}

.aci-members-container .aci-active-members-container-parent .aci-active-member-container h4 {
  position: absolute;
  width: 100%;
  top: -moz-calc(200px - 45px);
  top: calc(200px - 45px);
  left: 0;
}

.aci-members-container .aci-active-members-container-parent .aci-active-member-container h4 span {
  padding: 10px 30px;
  background-color: #00295b;
  color: white;
}

.aci-members-container .aci-active-members-container-parent .aci-active-member-container ul {
  margin: 50px 0 0 20px;
  padding: 0;
}

.aci-members-container .aci-active-members-container-parent .aci-active-member-container ul li:last-of-type {
  height: 150px;
}

a.aci-member-dot {
  color: #00295b !important;
}

a.aci-member-dot:hover {
  color: #b40009 !important;
}

a.aci-member-dot.active {
  color: #b40009 !important;
}

.active-members-list {
  -webkit-columns: 4;
     -moz-columns: 4;
          columns: 4;
}

.active-members-list li a {
  color: #b40009 !important;
}

.active-members-list li a:hover {
  color: #00295b !important;
}

@media (max-width: 1200px) {
    .aci-members-container .aci-active-members-container-parent {
        width: 300px !important;
    }

    .active-members-list {
      -webkit-columns: 3 !important;
         -moz-columns: 3 !important;
              columns: 3 !important;
    }
}

.alter {
    position: relative !important;
}

.alter .aci-active-members-container-parent  {
    width: 100% !important;
}

@media (min-width: 800px) {
    .alter {
        display: none;
    }
}

@media (max-width: 800px) {
    .alter {
        display: block !important;
    }

    .image-container {
        margin-top: 700px !important;
    }

    .aci-members-container:not(.alter) .aci-active-members-container-parent {
        display: none !important;
    }

    .active-members-list {
      -webkit-columns: 2 !important;
         -moz-columns: 2 !important;
              columns: 2 !important;
    }
}