Controlling Stimuli Arrangement

[Christumas]

Hello there!

I am trying to create a freesort trial. My sorting area is a rectangle. I tried changing the starting positions of the stimuli, but nothing worked so far. It seems like the stimuli are restricted by the max height of the sorting area. I would prefer to have my stimuli loaded on the top half of the screen. My stimuli keep appearing on the side of the sorting area.
Is there a custom way to define the starting positions of the stimuli? This is my code so far :

` var SortingTask = {
type: jsPsychFreeSort,
stimuli : Monsters,

    sort_area_height: 100,
    sort_area_width: 900,
    sort_area_shape: 'square',
    stim_starts_inside : false,
    prompt_location : "below",
    randomize_stimuli : false,
    scale_factor : 1, 

    prompt: `<p> Please sort the stimuli according to size</p>`,

    column_spread_factor : 0.01,
    on_start: function(){
        let stimuli = document.querySelectorAll('.jspsych-free-sort-stimulus');
       
        let baseX = 200;
        let baseY = 50;
        let offsetX = 20;

        stimuli.forEach((stim,index)=> {
            stim.style.position = "absolute";
            stim.style.left = baseX + offsetX *index + "px";
        })
    }

};`