Curiosity...

I apologize in advance if this question presents an excessive amount of naïveté... I am re-visiting some basics, and while working with some JavaScript functions, I got to thinking about something...

In the main style-sheet for our website, there are some max-width classes, used for images. The only problem, though, is that, the class definitions are all pretty much the same, with exception to the max-width property for each one. The code is as follows:

/* Added some "Max Width" classes for some items that have
the width set to 100%, but can get too big on some devices */

.max-103 {
    width: 100%;
    height: auto; 
    max-width: 103px;   /* This one is a bit of a special case, on the Media Relations / Publications page */
}

.max-150 {
    width: 100%;
    height: auto; 
    max-width: 150px;
}

.max-175 {
    width: 100%;
    height: auto; 
    max-width: 175px;
}

.max-200 {
    width: 100%;
    height: auto; 
    max-width: 200px;
}

.max-250 {
    width: 100%;
    height: auto; 
    max-width: 250px;
}

.max-300 {
    width: 100%;
    height: auto; 
    max-width: 300px;
}


.max-320 {
    width: 100%;
    height: auto; 
    max-width: 320px;
}

.max-325 {
    width: 100%;
    height: auto; 
    max-width: 325px;
}

.max-350 {
    width: 100%;
    height: auto; 
    max-width: 350px;
}

.max-400 {
    width: 100%;
    height: auto; 
    max-width: 400px;
}

.max-425 {
    width: 100%;
    height: auto; 
    max-width: 425px;
}

.max-450 {
    width: 100%;
    height: auto; 
    max-width: 450px;
}

.max-500 {
    width: 100%;
    height: auto; 
    max-width: 500px;
}


/* End Max-Width Classes */

Basically, in order to "DRY things up", I was wondering if there would be some way to use jQuery or JavaScript to apply the correct max-width to an item depending on which "max-###" class was assigned to it in the HTML. Something like...

1. Get the class name of an object (for the sake of example, store it in a variable called className).
2. Continue if className.substring(0,3) == "max"
3. Apply appropriate styling

It sounds doable, but when I go to actually write the code, that's when the gears lock up ^^; At the same time, I'm also thinking that, by nature, it might not be possible at all; maybe something having to do with the separation of client-side/server-side or something...

If it's implausible, then no worries. I just thought I would ask either way :)

Any insight, though, would be appreciated. Always good to hear from those who are more experienced than me (I might not fully comprehend the information shared by said more-experienced-person at the moment, but it's nice to have a reference-point to revisit once I get a bit closer to understanding it.) :)

Thanks!