Using FloatBarrier second column not filled

I was hoping FloatBarrier could place my image where I want it to be and wrap text around it, but the second column is not getting filled. Also I have been trying hard to put the image just below the Methodology. How do I enable filling the second column with text and place the image below the methodology?

section{METHODOLOGY}label{sec:METHODOLOGY}

The framework for this study is visualized in Figure~1 and described in detail below.

begin{figure*}[tbp]
begin{center}
        includegraphics[width=1.5columnwidth]{figures/test_sites/process.png}
    caption{MGWR Process.}
label{fig:mgwr_process}
end{center}
end{figure*}


subsection{Study Area}label{sec:StudyArea}
The study area is shown in Figure~2. The NCR Plus bubble is a location in the Philippines that consists of the National Capital Region and four neighbor provinces namely Bulacan, Cavity, Laguna and Rizal. On March 22, 2021, the bubble setup was placed in a “Enhanced Community Quarantine” because of rising COVID-19 cases. A total of 108 sample points, representing each municipality and city, were used for MGWR analysis. These points are the centroids for each municipality and city inside the bubble since the reported COVID-19 cases were aggregated in a municipal and city level.

UPDATE 1

After using dblfloatfix, the image went too far and sort of find a location to fit in a bottom [b]. How can I force it to be placed just under where I want it to be — methodology part?

UPDATE 2

Removed FloatBarrier, but my image still too far where it is referenced.