I don´t think is a collision between filters rather than maybe a missconception on how the whole thing works.
If you have a sized container (<div class="card" style="width: 300;">) and put a image (
<img src="..." class="card-img-top" alt="..."
>) that don´t fit the container size then when the image is rendered, maybe is distortioned.
But I´m talking w/o seeing the page, so maybe I´m wrong.
If that´s the case, can you try alternatively these 2 options and see if some works:
1.- put the width of the image with the same size of the container, and the heigth according to maintain the ratio
2.- Let the image w/o width/heigth, the filter resize_image don´t work well but the image get other optimiztions and hopefully don´t look with distortion