Here's the coding for the layout template. Screenshot coming.

<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<div class="$[miniprofile_class]">
<div class="intmp" id="forthecolor$[user.group.id]">
<div class="mpname" style="background:#$[user.group.color]">
$[user]
{if $[user.is_guest]}(guest){/if}
{if $[user.is_deleted]}(deleted member){/if}</div>
<div class="intmp2">
<div class="bigimage">
{foreach $[user.custom_field]}
{if $[user.custom_field.name] == "200x300 hover image"}
<span class="$[user.custom_field.content_class]">
<img src="$[user.custom_field.value]">
</span>
{/foreach}
</div>
<div class="bigimage2">
<div class="mpava">
$[user.avatar]
</div>
<div class="mppostgall">
<b style="color:#$[user.group.color]"><span class="money_amount"></span></b> dollars <font color="#aaa">&</font> <b style="color:#$[user.group.color]">$[user.posts]</b> posts
</div>
<div class="mpapplot">
{foreach $[user.custom_field]}
{if $[user.custom_field.name] == "Application"}
<span class="$[user.custom_field.content_class]">
<a href="$[user.custom_field.value]" style="color:#$[user.group.color]">application</a>
</span>
{/if}
{/foreach}

{foreach $[user.custom_field]}
{if $[user.custom_field.name] == "Plotter"}
<span class="$[user.custom_field.content_class]">
<a href="$[user.custom_field.value]" style="color:#$[user.group.color]">plotter</a>
</span>
{/if}
{/foreach}

</div>
<div class="mpstatus">
{if $[user.personal_text.message]}
$[user.personal_text]
{/if}
<i>—
<font color="#$[user.group.color]">
{foreach $[user.custom_field]}
{if $[user.custom_field.name] == "OOC name"}
<span class="$[user.custom_field.content_class]">
$[user.custom_field.value]
</span>
{/if}
{/foreach}
</font>
(@$[user.username])</i>
</div>
</div>
</div>
{foreach $[user.mini_custom_field]}
{if $[user.mini_custom_field.name] == "Music"}
<div class="player"><object width="200" height="20" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" type="application/x-shockwave-flash">
<param value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" name="movie">
<param value="$[user.group.color]" name="bgcolor"><param value="mp3=$[user.mini_custom_field.value]&bgcolor=aaaaaa&loadingcolor=aaaaaa&buttoncolor=ffffff&slidercolor=ffffff;" name="FlashVars">
</object></div>
{/if}
{/foreach}
</div>
</div>

Where you see this:

{foreach $[user.custom_field]}
{if $[user.custom_field.name] == "200x300 hover image"}
<span class="$[user.custom_field.content_class]">
<img src="$[user.custom_field.value]">
</span>
{/foreach}

I think you're missing a closing {/if}, so it should look like this:

{foreach $[user.custom_field]}
{if $[user.custom_field.name] == "200x300 hover image"}
<span class="$[user.custom_field.content_class]">
<img src="$[user.custom_field.value]">
</span>
{/if}
{/foreach}

No dice. Maybe there's something else wrong?

I did add that coding, though.

200x300 Image but being changed right now

Excellent!