Tengo un cuadro negro (el fondo) con un radio de borde de 10. Cuando tengo una imagen más grande (la parte marrón es parte de una imagen) funciona bien y la imagen también tiene un radio de borde de 10. Pero cuando tengo imágenes más pequeñas, como esta, tengo un radio tan grande incluso cuando lo configuro en 10.
border-radius determina el redondeo de los bordes de un elemento. Si es inconsistente con respecto al tamaño, intente usar un porcentaje para el valor. Como.
borderRadius: "10%"