viewに画像を縦横比率無視し、指定の大きさで配置したい

<section class="hero is-primary is-bold">
  <div class="hero-body">
    <div class="container">
      <h1 class="title">
        似顔絵師さん一覧
      </h1>
      <h2 class="subtitle">
        I hope I'll have a close relationship with artists!
      </h2>
    </div>
  </div>
</section>

<section class="section">
  <div class="container">
    <div class="columns is-multiline">
      <% @artists.each do |artist| %>
        <div class="column is-3">
          <div class="card">
            <div class="card-content">
              <div class="card-image">
                <figure class="image">
                  <%= link_to "#" do %>
                    <%= attachment_image_tag artist, :profile_image, fallback: "no-image.png" %>
                  <% end %>
                </figure>
              </div>
            </div>
            <div class="card-content">
              <div class="media">
                <div class="media-content">
                  <div class="title"><%= link_to artist.name, "#" %></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      <% end %>
    </div>
  </div>
</section>

class ArtistsController < ApplicationController

  def index
    @artists = Artist.all
  end

  def edit
    @artist = Artist.find(params[:id])
  end

  def update
    @artist = Artist.find(params[:id])
    if @artist.update(artist_params)
      redirect_to root_path
    else
      render :edit
    end
  end

  private

  def artist_params
    params.require(:artist).permit(:name, :email, :job_request, :arttype_id, :arttouch_id, :profile, :price_id, :line, :twitter, :profile_image)
  end

end