message: Transformed scale instead of width
diff: @@ -8,13 +8,9 @@ export default ({timeline: {id, name, username, logo, bio,
  colors, followers, following, tweets}}) => {
  const {stateNavigator} = useContext(NavigationContext);
  const [offset] = useState(new Animated.Value(0));
  - const width = offset.interpolate({
  + const scale = offset.interpolate({
  inputRange: [-64, 0],
  - outputRange: [60, 80],
  - });
  - const marginLeft = offset.interpolate({
  - inputRange: [-64, 0],
  - outputRange: [10, 0],
  + outputRange: [.8, 1],
  });
  return (
  <CoordinatorLayout overlap={110}>
  @@ -40,7 +36,7 @@ export default ({timeline: {id, name, username, logo, bio,
  <View>
  <Animated.Image
  source={logo}
  - style={[styles.logo, {width, height: width, marginLeft}]} />
  + style={[styles.logo, {transform: [{scale}]}]} />
  <Text style={styles.name}>{name}</Text>
  <Text>{username}</Text>
  <Text style={styles.bio}>{bio}</Text>
  @@ -64,6 +60,8 @@ const styles = StyleSheet.create({
  flex: 1,
  },
  logo: {
  + width: 80,
  + height: 80,
  borderRadius: 50,
  borderWidth: 4,
  borderColor: 'white',
  