#madlibs-images {
    height: 100%;
    background: url('/wp-content/madlibs-images/providers/government.png') center center no-repeat;
    background-size: contain;
    position: relative;
    padding-top: 80%;
    width: 100%;
    margin-left: 0;
    background-position: 0 100%;
}
#madlibs-images.providers-education { background: url('/wp-content/madlibs-images/providers/education.png') transparent center center no-repeat; background-size: contain; transform: translateY(50px) }
#madlibs-images.providers-agriculture { background: url('/wp-content/madlibs-images/providers/agriculture.png') transparent center center no-repeat; background-size: contain; transform: translateY(50px) }
#madlibs-images.providers-commercial-real-estate { background: url('/wp-content/madlibs-images/providers/real-estate.png') transparent center center no-repeat; background-size: contain; transform: translateY(50px) }
#madlibs-images.providers-financial { background: url('/wp-content/madlibs-images/providers/finance.png') transparent center center no-repeat; background-size: contain; transform: translateY(50px) }
#madlibs-images.providers-government { background: url('/wp-content/madlibs-images/providers/government.png') transparent center center no-repeat; background-size: contain; transform: translateY(50px) }
#madlibs-images.providers-healthcare { background: url('/wp-content/madlibs-images/providers/healthcare.png') transparent center center no-repeat; background-size: contain; transform: translateY(50px) }
#madlibs-images.providers-hospitality { background: url('/wp-content/madlibs-images/providers/hospitality.png') transparent center center no-repeat; background-size: contain; transform: translateY(50px) }
#madlibs-images.providers-legal { background: url('/wp-content/madlibs-images/providers/legal.png') transparent center center no-repeat; background-size: contain; transform: translateY(50px) }
#madlibs-images.providers-manufacturing { background: url('/wp-content/madlibs-images/providers/manufacturing.png') transparent center center no-repeat; background-size: contain; transform: translateY(50px) }
#madlibs-images.providers-nonprofit-organization { background: url('/wp-content/madlibs-images/providers/non-profit.png') transparent center center no-repeat; background-size: contain; transform: translateY(50px) }
#madlibs-images.providers-retail { background: url('/wp-content/madlibs-images/providers/retail.png') transparent center center no-repeat; background-size: contain; transform: translateY(50px) }
#madlibs-images.providers-transportation { background: url('/wp-content/madlibs-images/providers/transportation.png') transparent center center no-repeat; background-size: contain; transform: translateY(50px) }

#madlibs-images::after {
    display: block;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index: 1;
    
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+85,f2f2f2+100&0+25,1+100 */
    /*
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(251,251,251,0) 25%, rgba(242,242,242,0.8) 85%, rgba(242,242,242,1) 100%); */ /* FF3.6-15 */
    /*
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(251,251,251,0) 25%,rgba(242,242,242,0.8) 85%,rgba(242,242,242,1) 100%); */ /* Chrome10-25,Safari5.1-6 */
    /*
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(251,251,251,0) 25%,rgba(242,242,242,0.8) 85%,rgba(242,242,242,1) 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 */
}

#madlibs-images div {
    border: 2px solid #25265D;
    width: 120px;
    height: 120px;
    position: absolute;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    z-index: 2;
    background: url('/wp-content/madlibs-images/solutions/PCs.png') #fff center center no-repeat;
    background-size: 65%;
        -webkit-box-shadow: 0 12px 24px rgb(0 0 0 / 23%);
    box-shadow: 0 12px 24px rgb(0 0 0 / 30%);
}

#madlibs-images #solution {
    top:5px;
    right:25%;
    background: url('/wp-content/madlibs-images/solutions/PCs.png') #fff center center no-repeat;
    background-size: 65%;
}
#madlibs-images.solutions-hardware #solution { background: url('/wp-content/madlibs-images/solutions/PCs.png') #fff center center no-repeat; background-size: 65%; }
#madlibs-images.solutions-print-solutions #solution { background: url('/wp-content/madlibs-images/solutions/Managed-PrintServices.png') #fff center center no-repeat; background-size: 65%; }
#madlibs-images.solutions-wireless-solutions #solution { background: url('/wp-content/madlibs-images/solutions/Switches.png') #fff center center no-repeat; background-size: 65%; }
#madlibs-images.solutions-cyber-security #solution { background: url('/wp-content/madlibs-images/solutions/Network_Security.png') #fff center center no-repeat; background-size: 65%; }
#madlibs-images.solutions-collaboration-and-voip #solution { background: url('/wp-content/madlibs-images/solutions/Collaboration-VoIP.png') #fff center center no-repeat; background-size: 65%; }
#madlibs-images.solutions-storage-virtualization #solution { background: url('/wp-content/madlibs-images/solutions/Storage-Virtualization.png') #fff center center no-repeat; background-size: 65%; }
#madlibs-images.solutions-cloud-computing #solution { background: url('/wp-content/madlibs-images/solutions/cloud.png') #fff center center no-repeat; background-size: 65%; }
#madlibs-images.solutions-project-management #solution { background: url('/wp-content/madlibs-images/solutions/Local_Engineering-Technical_Resources.png') #fff center center no-repeat; background-size: 65%; }
#madlibs-images.solutions-digital-signage #solution { background: url('/wp-content/madlibs-images/solutions/Digital_Signage-VideoWalls.png') #fff center center no-repeat; background-size: 65%; }
#madlibs-images.solutions-a-data-center #solution { background: url('/wp-content/madlibs-images/solutions/Storage_Appliance.png') #fff center center no-repeat; background-size: 65%; }
#madlibs-images.solutions-managed-it-services #solution { background: url('/wp-content/madlibs-images/solutions/Managed_IT_Services.png') #fff center center no-repeat; background-size: 65%; }
#madlibs-images.solutions-network-solutions #solution { background: url('/wp-content/madlibs-images/solutions/Enterprise_Network_Solution.png') #fff center center no-repeat; background-size: 65%; }

#madlibs-images #size {
    top:25%;
    right:5px;
    background: url('/wp-content/madlibs-images/staff/size_100+.png') #fff center center no-repeat;
    background-size: 65%;
}
#madlibs-images.claims-50100 #size { background: url('/wp-content/madlibs-images/staff/size_50-100.png') #fff center center no-repeat; background-size: 65%; }
#madlibs-images.claims-2050 #size { background: url('/wp-content/madlibs-images/staff/size_20-50.png') #fff center center no-repeat; background-size: 65%; }
#madlibs-images.claims-120 #size { background: url('/wp-content/madlibs-images/staff/size_1-20.png') #fff center center no-repeat; background-size: 65%; }
#madlibs-images.claims-100 #size { background: url('/wp-content/madlibs-images/staff/size_100+.png') #fff center center no-repeat; background-size: 65%; }


@media (min-width: 1200px) { #madlibs-images #solution { top:10%; right:33%; } }
@media (min-width: 1000px) and (max-width:1199px) { #madlibs-images div { width: 175px; height: 175px; } }
@media (min-width: 866px) and (max-width:999px) { #madlibs-images div { width: 150px; height: 150px; } }
@media (min-width: 768px) and (max-width:865px) { #madlibs-images div { width: 120px; height: 120px; } }
@media (min-width: 640px) and (max-width:767px) {
    #madlibs-images #solution { top:10%; right:33%; }
    #madlibs-images #size { top: 33%; right: 10%; }
}
@media (min-width: 500px) and (max-width:767px) { #madlibs-images div { width: 175px; height: 175px; } }