We have defined both masks on JA Slideshow Lite module of JA University Template.
<blockquote>ja-ss-mask mask-left
ja-ss-mask mask-right</blockquote>
I have checked your site I appreciate the hard work on your site, but with more and more customization you should hire a developer to carry out such work, customization support is out of JA support scope
But i can guide you some step with it
+ You can define class css with each different masks for different slides shows and change php code appear with class css here
+ Change php code layout show
<blockquote>templates/ja_university/html/mod_jaslideshowlite/default.php</blockquote>
from
<div class="ja-ss-item">
<img src="<?php echo $images[$i];?>" alt="<?php echo str_replace('"', '"/', strip_tags($captionsArray[$i]) );?>"/>
<?php
if(strlen(trim($captionsArray[$i]))):
?>
<div class="ja-ss-desc"><?php echo $captionsArray[$i] ?></div>
<?php
endif;
?>
<div class="ja-ss-mask mask-left"> </div>
<div class="ja-ss-mask mask-right"> </div>
</div>
change to
<div class="ja-ss-item mask_<?php echo $i++?>">
<img src="<?php echo $images[$i];?>" alt="<?php echo str_replace('"', '"/', strip_tags($captionsArray[$i]) );?>"/>
<?php
if(strlen(trim($captionsArray[$i]))):
?>
<div class="ja-ss-desc"><?php echo $captionsArray[$i] ?></div>
<?php
endif;
?>
<div class="ja-ss-mask mask-left"> </div>
<div class="ja-ss-mask mask-right"> </div>
</div>
And mask_1, mask_2, … css style need to re-define appear with each sideshow.